<script type="text/javascript">
var historia = new Array();
var decyzja = false;
function wyswietl_zawartosc(adres, div_id)
{
if(decyzja == false)
{
historia[historia.length] = adres;
}
decyzja = false;
if(historia.length > 1)
{
document.getElementById("input").disabled = false;
}
else
{
document.getElementById("input").disabled = true;
}
if(window.ActiveXObject)
{
zadanie = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
zadanie = new XMLHttpRequest();
}
else
{
alert('Twoja przegladarka nie obsluguje AJAX-u');
}
zadanie.onreadystatechange = function()
{
otworz_strone(zadanie, div_id);
}
zadanie.open('GET', adres, true);
zadanie.send(null);
}

function otworz_strone(zadanie, div_id)
{
if(zadanie.readyState == 4)
{
if(zadanie.status == 200 || window.location.href.indexOf("http") == -1)
{
document.getElementById(div_id).innerHTML = zadanie.responseText;
}
else
{
alert('Wystąpił błąd przy polaczeniu z serwerem');
}
}
}

function wstecz()
{
historia.pop();
decyzja = true;
wyswietl_zawartosc(historia[historia.length-1], 'warstwa');
}
</script>

<div>

<a href="#" id="s1">Strona1</a>
<a href="#" id="s2">Strona2</a>
<a href="#" id="s3">Strona3</a>
<input type="button" id="input" value="Wstecz" disabled="disabled" />
<div id="warstwa"></div>
</div>
<script type="text/javascript">
document.getElementById("s1").onclick = function(){wyswietl_zawartosc('strona1.html', 'warstwa')};
document.getElementById("s2").onclick = function(){wyswietl_zawartosc('strona2.html', 'warstwa')};
document.getElementById("s3").onclick = function(){wyswietl_zawartosc('strona3.html', 'warstwa')};
document.getElementById("input").onclick = function(){wstecz()};
</script>