 Zurück-Button anzeigen nur wenn sinnvoll
Es macht keinen Sinn einen 'Zurück-Button' anzubieten, wenn in der History des Browsers noch keine Inhalte vorhanden sind. Blättern in der History funtioniert nur, wenn sie sich bereits entsprechende Einträge in der Historyliste des Browsers befinden.
|
|
Zurück mit der JavaScript-Funktion go.history(x)
Prüfung der History-Liste
Die History-Liste kann leicht überprüft werden, um sinnvolle Sprungmöglichkeiten einzublenden. Die Länge der Histor-Liste ist nicht definiert, solange sie leer ist, ansonsten ist der Inhalt eine Zahl (Anzahl der Einträge).
Ist die History-Liste leer, möchten sie nichts oder ein transparentes Image anzeigen wollen. Andernfalls soll ein Button angezeigt werden, der als Klickbereich eines Verweises dient. Es soll also ein Link und eine Grafik eingebunden werden.
if(history.length == undefined)
{
// keinen Button anzeigen
}
else
{
// einen Button + Link einbinden
}
Das Ergebnis dieses Scripts ergibt hier
Falls dies nicht die erste Seite innerhalb meiner Toolbox ist die sie abrufen oder sie im Laufe ihrer 'Internet-Sitzung' bereits andere Seiten abgerufen haben, ist der Wert für history.length definiert. Dann wird hier ein Button angzeigt:
Falls nicht wird auf meiner Seite oberhalb dieses Textes ein transparentes Image in der gleichen Größe des Buttons angezeigt. Das würden auch Sie so einrichten, wenn das Layout der Seite in jedem der beiden Fälle gleich sein soll. Die Positionierung der darunter notierten Inhalte an der exakt gleichen Stelle ist so gewährleistet.
Für den Button können sie mittels 'alt-' oder 'title-Attribut' zusätzlich eine Erklärung einbinden, die bei MouseOver eine entsprechende Box einblendet.
... title='eine Seite zurück' alt='eine Seite zurück' ...
Das Script
(Image-Attribute hier unvollständig) Demo-Farben hier: Image Link
<script type="text/javascript" language="JavaScript">
<!--
if(history.length == undefined) {
document.write("<img src='trans.gif'>"); // Platzhalterimage
}
else
{
document.write("<a href='javascript:history.go(-1)'>");
document.write("<img src='zurueck.gif'>");
document.write("</a>");
}
//-->
</script>
     
Buttons zum Download finden sie in meiner  MINI-IMAGE-BOX.
 siehe auch Blättern mit Pfeiltasten
|
Home • Verweise • Link des Monats
QuellCode