Wątek: Ustawienie mapy według współrzędnych

Witam.

Mam problem z napisaniem funkcji w jquery aby przy załadowaniu strony wczytało od razu pozycję mapy z zadeklarowanych zmiennych do których zostanie pobrana pozycja z bazy i ustawiło według nich mapę.

Kod:

var x = 0;
var y = 0;

$("#prawa").click(function(){
  $("#pole").animate({"left": "-=32px"}, "fast");
});

$("#lewa").click(function(){
  $("#pole").animate({"left": "+=32px"}, "fast");
});

$("#gora").click(function(){
  $("#pole").animate({"top": "+=32px"}, "fast");
});

$("#dol").click(function(){
  $("#pole").animate({"top": "-=32px"}, "fast");
});

#pole to właśnie mapa która się przesuwa. Najpierw wydaje mi się pasowało ustalić jakie współrzędne x i y mają pola a następnie według nich ustawić mapę.

Liczę na jakieś podpowiedzi za które bardzo dziękuje.

Podczas ruchów zapisujesz AJAX'em do bazy współrzędne. Potem (po odświeżeniu strony) pobierasz z bazy i dajesz do zmiennych. Zwykły PHP do tego starczy.

A skąd dowiem się jakie współrzędne ma jakie pole? Na razie tylko przesuwam mapę można powiedzieć "na sztywno".


@Edit
Napisałem takie coś:

Kod:

var x = 0;
var y = 0;

$("#pole").css("top", y);
$("#pole").css("left", x);

Punktem zero w tym wypadku będzie ustawiona w div pozycja. Czy to dobre rozwiązanie?

Weź mi wytłumacz jeszcze do czego potrzebna ci ta mapa, bo chyba źle zrozumiałem.

Ma to być dynamiczne chodzenie po mapie. Grafika z mapą się porusza a grafika postaci stoi w miejscu.

No to co to za problem? o.O Nie rozumiem... Przy każdym ruchu zapisujesz współrzędne gracza do bazy a potem je wczytujesz i odpowiednio przesuwasz mapkę...

Dobrze już mam.

Teraz zastanawiam się jak bez przeładowania zmieniać wartości w zmiennych x i y a następnie wyświetlić je.

Kod html:

var x = 162;
var y = 132;

//Tutaj jest kod który ustawia położenie mapy

var xx = Math.round((320 - x) / 32);
var yy = Math.round((320 - y) / 32);

Wydaje mi się, że wystarczyło by teraz if-em sprawdzić który przycisk został wciśnięty i dodać 32 (1 kratka)

A to bym dał po ustawieniu mapy nad zadeklarowanymi zmiennymi xx i yy.

Kod html:

if($("#prawa").clik()){
x = x - 32;
}

Ale nie chce mi to działać ;(

Użyj AJAX'a i bazy danych do tego. Jak coś pisz na PW to ci wytłumaczę, lub na GG:
4769046