Terug- en Vooruit-knop
Op veel sites zie je ze: knoppen waarmee je terug kunt stappen naar de vorige pagina, of juist naar de volgende. Hier staat beschreven hoe je dat doet.
Er wordt gebruik gemaakt van het standaard in JavaScript aanwezige object history. Hierin houdt de browser een lijst bij van alle pagina's die door de browser tijdens de lopende sessie op het scherm zijn gezet. Hierbij is een aantal "methods" beschikbaar:
- go(x)
- Ga x stappen terug (x < 0) of vooruit (x > 0) in de lijst. Als x = 0 dan wordt de huidige pagina opnieuw ingelezen. In een pagina met frames wordt echter alleen de pagina in het active frame ververst. Als je de hele pagina (dus alle frames) wilt verversen gebruik je location.reload. Dit is vergelijkbaar met het indrukken van de knop "vernieuwen" van de browser.
- forward()
- Ga één stap vooruit in de history-lijst, dus naar de volgende pagina. Is gelijk aan go(1).
- back()
- Ga één stap terug in de history-lijst, dus naar de vorige pagina. Is gelijk aan go(-1).
- length
- Dit is het aantal items in de history-lijst van de huidige browser-sessie. Je kunt hiermee uitvinden hoeveel en welke pagina's de bezoeker op je site heeft bezocht. Er wordt geteld vanaf 1.
- De code is een "anchor"-tag, die met behulp van href= de history-method laat uitvoeren.
- Er zijn drie mogelijke verschijningsvormen; de code van "terug-knoppen" ziet er als volgt uit:
- Als tekst:
<a href="JavaScript:history.go(-1)">Terug...</a> - Als plaatje:
<a href="JavaScript:history.go(-1)"><img src="terug.gif"></a> - Als "Windows-button":
<form>
<input type="button" name="terug" value="Terug..."
onclick="history.go(-1)">
</form>
- Zet de code in de <BODY> op de plaats waar de knop moet komen.
Opmerking:
Deze code werkt niet altijd goed in een website met frames, zoals deze. Dat komt door de frames, in combinatie met het wisselen van
pagina met behulp van location.href in JavaScript.
Wees dus voorzichtig met het gebruiken history.go(-1) en test het uitgebreid.
