Forum PHP.pl > Pobarnie współrzędnych pojemnika

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Pobarnie współrzędnych pojemnika

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Hfastmet

31.07.2010, 22:29:49

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??

wookieb

31.07.2010, 22:40:57

[JAVASCRIPT] pobierz, plaintext 
var offset = $(e.target).offset();
[JAVASCRIPT] pobierz, plaintext

i przejrzyj zwrocony obiekt.

Hfastmet

31.07.2010, 22:47:54

jak robię

[HTML] pobierz, plaintext 
alert(offset);
[HTML] pobierz, plaintext

to ciągle dostaje [object OBJECT], trzeba dać tam coś po kropce??

everth

31.07.2010, 22:51:46

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.

wookieb

31.07.2010, 22:59:23

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/

Hfastmet

6.09.2010, 21:28:49

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

6.09.2010, 22:15:14

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

Hfastmet

7.09.2010, 19:19:11

Dziękuję.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.