Nightfire Webworker Archiv - JavaScript - Auto Close Inactive Window

[AutocloseInactiveWindow]

Ein inaktives Fenster wird nach einer gewissen Zeit automatisch geschlossen.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<!-- Begin
var TimeOut = 30;    // Zeit, nach der das Fenster geschlossen wird
var TimeRemain = 0; // verbleibende Zeit, um Fenster zu schliessen
var RefreshRate = 2; // Abstand in Sekunden, nach welchen immer Prüfung erfolgt
var ChildWin = null;
function TimedPopup(url)
{
windowprops = "left=250,top=250,width=200,height=200"; // Fensterattribute
if (ChildWin)
     return false;
ChildWin = window.open(url, "ChildWin", windowprops);
ResetTimer();
if (TimeOut && RefreshRate)
    setTimeout("CheckClose();",RefreshRate * 1000);
}
function ResetTimer()
{
TimeRemain = TimeOut;
document.form1.field1.value = TimeRemain; // Für Demozwecke, kann entfernt werden
}
function CheckClose()
{
TimeRemain -= (RefreshRate);
if (TimeRemain > 0)
    {
    if (ChildWin && ChildWin.closed)
       {
document.form1.field1.value = TimeOut; // Für Demozwecke, kann entfernt werden
ChildWin = null;
       }
    else
    if (ChildWin)
       {
        document.form1.field1.value = TimeRemain; // Für Demozwecke, kann entfernt werden
setTimeout("CheckClose();",RefreshRate * 1000);
       }
    }
else
if (ChildWin)
    {
     document.form1.field1.value = TimeOut; // Für Demozwecke, kann entfernt werden
     if (ChildWin.closed)

ChildWin = null;
else
{
ChildWin.close();

ChildWin = null;
}
}
}
// End -->
</script>

[in den <BODY> Tag]

onUnload="if (ChildWin){ChildWin.close()};"

[zwischen <BODY> und </BODY>]

<div align="center">
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="Show Popup" onClick="TimedPopup('autoclose-inactive-popup2.htm');">
<br><br>
Time Remaining: <input type="text" name="field1" value="30" size="4">
</form>
</div>

Die HTML- Datei des PopUp- Fensters könnte so aussehen

<html>
<head>
<title>JavaScript Beispiel</title>
</head>

</script>

<body>
Page 2
<p>
Wenn Sie auf "Next Page" klicken, wird der Timer resettet
<p>
<a href="autoclose-inactive-popup3.htm">Next Page </a>
</body>
</html>

Beispiel der Folgeseite

<html>
<head>
<title>JavaScript Beispiel II</title>
</head>

</script>

<body bgcolor="#FFFFFF" text="#000000">
Page 3
<p>
Wenn Sie auf "Next Page" klicken, wird der Timer resettet
<p>
<a href="popup2.htm">Next Page </a>
</body>
</html>

[]

Edward Huspeka

[]

Kopieren Sie bitte den Code