Tutorials von Thomas Frei-Herrmann

Timeout Tutorial

... guckt Euch bitte auch das Original an:

http://www.web-toolbox.net/webtoolbox/zeit/watch-click.htm

Dieses Skript registriert jeden Mausklick auf einer Seite, also auch in einem freien Bereich (ohne Link) und setzt in diesem Moment den Zähler auf die angegeben Zeit zurück. Hiermit kann erreicht werden, dass nach einer angegebenen Zeit der Inaktivität der Maus auf eine angegebene Seite weitergeleitet wird.


Bitte klickt auf das Layout der Seite und fügt folgenden Code in die HTML des Layouts ein.

> Layout klicken > Fenster “Layout-Eigenschaften” > Button “HTML” > und fügt den Code (unten) “Zwischen Head Tags” ein

Bitte achtet auf die relative Pfadangabe ../ zu der angegebene Seite auf die weitergeleitet werden soll, hier mit zwei Punkten von einer Unterseite. Von der “Home” wäre dann dort nur ein Punkt ./, oder Ihr gebt eine absolute URL ein und tragt noch diese Seite dort ein. Weiterhin müsst Ihr die Sekunden bis zur Weiterleitung eintragen.

<script type="text/javascript" language="JavaScript">
<!-- Begin
// Original:  W. jansen


// Seite die nach dem Timeout aufgerufen wird (hier timeout.html)
timedouturl = "../html/timeout.html";

// Vorgabezeit in Sekunden bis zur Weiterleitung (hier ca. 20 Sekunden)
var Vorgabe = 20;



// ab hier nichts mehr ändern

var sec = 0;

function Down() {
sec--;
// statuszeilen-info
window.status = "Weiterleitung in : " + sec + " s";
// weiterleitung bei timeout
if (sec == 0) {
window.location.href = timedouturl;
}
else down = setTimeout("Down()", 1000);
}

function zaehlen() {
sec = 0 + Vorgabe;
Down();
}
zaehlen()


// bei mousedown zähler zurücksetzen
function spaeter() {
sec = 0 + Vorgabe;
return
}

//  End -->
</script>

... jetzt müsst Ihr noch folgenden onMouse-Befehl in den “Body-Bereich” der HTML des Layouts schreiben.

> Layout klicken > Fenster “Layout-Eigenschaften” > Button “HTML” > und fügt den Code (unten) “Im Haupttext-Tag” ein

onMousedown="spaeter()"

nach oben

Bemerkung:

... in manchen Browsern, wie z.B. dem “Opera”, wird auch der Countdown in der Status-Zeile (unten) angezeigt.


... für andere Weiterleitungen guckt bitte auch hier.