Witam,

Buduję stronę w której wykożystuję prostą funkcję AJAX do podmiany zawartości elementów na stronie

[HTML] pobierz, plaintext 
<script type="text/javascript">
var XMLHTTPREQUEST = false;
if (window.XMLHttpRequest)
{
XMLHTTPREQUEST = new XMLHttpRequest();
} else if (window.ActiveXObject)
{
XMLHTTPREQUEST = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData (QUERY, TARGET)
{
	if (XMLHTTPREQUEST)
	{
		var TARGET = document.getElementById(TARGET);
		XMLHTTPREQUEST.open("GET", "http://xxxx.pl/request.php?"+QUERY);
			XMLHTTPREQUEST.onreadystatechange = function()
			{
				if (XMLHTTPREQUEST.readyState == 4)
				{
					TARGET.innerHTML = XMLHTTPREQUEST.responseText;
			}
		XMLHTTPREQUEST.send(null);
	}
}
function ActionHistory(ACTION)
{
 
	getData (QUERY, TARGET);
 
}
</script>
[HTML] pobierz, plaintext 

jak zrobić, żeby można było zbudować przycisk wstecz, który po kliknięciu wywoływał by funkcję ActionHistory()
i cofał do poprzedniej operacji wykonanej za pomocą getData();
Jak zaprogramować funkcję ActionHistory(), która zapamieta wywołania funkcji getData() i po wciśnięniu X razy wstecz przejdzie do wykonanej wtedy akcji?
Identycznie potrzebował bym przycisk dalej, ale myślę, że można to zrobić za pomocą jednej i tej samej funkcji i podając jej tylko np. ActionHistory(-1) lub ActionHistory(1) przechodziło by wstecz lub dalej.
Kombinowałem trochę, ale niestety ne znam na tyle JS żeby to zrobić porządnie, za to znam PHP i orientuję się jak mniej wiecej jak JS działa.

Przede wszystkim musisz sprawić aby przeglądarka zapamiętywała kolejne linki w historii. Tu z pomocą przychodzi Ci location.hash, czyli Tworzysz linki:



Następnie tworzysz funkcje która co określony czas* sprawdza wartość location.hash i na tej podstawie wczytuje konkretną stronę. Tu z pewnością będziesz potrzebował funkcji setInterval.

* Czas musi być stosunkowo mały, tak aby użytkownik nie odniósł wrażenia że jego akcje wykonywane są z opóźnieniem.

Rozwiązanie ciekawe, lecz nie nadaje się do mojej strony z tego względu, ze część elementów nie zmienia adresu i na dodatek jest już setki obiektów w PHP napisanych pod ajaxa i trochę by było sporo modyfikacji.
Wszystk będzie odbywało się przez funkcję getData() i dla tego pomyślałem, żeby zapamiętywać jej akcje, tak myślę, tylko nie wiem jak to zrobić, żeby zapamiętywać z funkcji getData() TARGET oraz QUERY w jakimś obiekcie czy coś, a potem odwołując się do starszego elementu cofać, lub odwołując sie do nowszego iść na przód, tylko jak to zrobić?
moga być przykłady, chętnie pogłówkuję, ale sam za słabo znaj jeszcze JS żeby dać sobie radę.

Jeśli chcesz aby akcje były wykonywane wraz wciśnięciem przycisku wstecz/dalej to nie masz innego wyjścia. Możesz co prawda popróbować z przekazywaniem identyfikatora (coś w rodzaju uchwytu) zapisanego w sesji i na jego podstawie wykonywać akcje, ale to ma swoje minusy i jest niemożliwe do zaimplementowania w pewnych sytuacjach, a zastosowanie tego jest o wiele bardziej problematyczne niż wcześniej wspomniany sposób.

a gdyby to zrobić tak, że najpierw tworzona jest dwu wymiarowa tablica np.
ActionHistory[numer][query]
oraz
ActionHistory[numer][target]
potem serializowana i zapisywana do cookie
a podczas cofania lub przechodzenia dalej odczytywana z cookie, deserializowana?
tylko jak operować na tablicach w JS , posortować, a następnie jak odczytać wcześiejszy element?
jak stworzyć globalną tablicę, do której bedę miał dostęp zarówno wewnątrz funkcji jak i w reszcie dokumentu?

.