konto usunięte

Temat: Współrzędne kursora nad obrazkiem

Witajcie,
sprawa jest tego typu, że klient zażyczył sobie w panelu administratora możliwość edycji punktów na obrazku. (w dużym skrócie - admin wrzuca zdjęcie jako tło i na tym zdjęciu może zaznaczyć punkty (np. postawić lupkę), po czym użytkownikowi wyświetlają się te lupki i może w nie klikać po czym wykonuje się jakaś akcja [np. pokazuje się div z dodatkowymi info o produkcie] )

Mniej więcej wiem, jak się za to zabrać, ale utknałem przy jednej rzeczy. W jaki sposób odczytać współrzędne na obrazku, które kliknął administrator lub współrzędne, w jakich znajduje się kursor? Chodzi oczywiście o współrzedne w tym jednym konkretnym divie z obrazkiem, nie na całej stronie ;)

Temat: Współrzędne kursora nad obrazkiem

$('#obrazek').bind('click', function(e) {
x = e.pageX-$(this).offset().left;
y = e.pageY-$(this).offset().top;
...
});

Dawno nie klepałem nic w jQuery więc jakieś tam pomyłki mogą być (nie jestem pewien tego $(this), ale tak chyba było poprawnie, aniżeli samo this. W razie czego info możesz sam poszukać, łączę się po GPRS i szukanie czegokolwiek to katorga :/).

Wracając do tematu:
Zasada działania jest prosta - zdarzenia jako argumenty handlerów przyjmują tzw. eventObject, przechowujący kilka ciekawych informacji, w tym pozycję kursora. Dane te jednak nie odnoszą się do lewego, górnego rogu elementu, ale do całej strony, stąd potrzeba odjęcia od współrzędnych tzw offsetu (odsunięcia od lewego górnego rogu strony) obrazka.

konto usunięte

Temat: Współrzędne kursora nad obrazkiem

Dzięki wielkie :)

Następna dyskusja:

Czas jaki kursor jest nad e...




Wyślij zaproszenie do