 Window automatisch öffnen
Hier eine Kombination aus einer zeitverzögerten Anzeige und der zentrierten Darstellung eines PopUp-Windows. Die Fensterbreite und -höhe und die Verzögerungszeit in Sekunden können Sie selbst festlegen.
|
|
PopUp-Window automatisch öffnen (zeitverzögert)
|
Ein Fenster wird nach 6 Sekunden automatisch geöffnet!
|
Ausgelöst wird die verzögerte Anzeige mit:
window.setTimeout('Funktionsname()', 6000);
window.setTimeout('AutoPopUp()', 6000);
Über die Anweisung setTimeout() wird beim Laden der Seite ein Zählvorgang eingeleitet und nxh 6000 Millisekunden die eingetragene Funktion aufgerufen.
Die Funktion 'AutoPopUp()' enthält alle Anweisungen zum Öffnen des PopUp-Windows und sämtliche Infos für die Eigenschaften des Fensters. Hier im beipiel wird das Window mit einer Fensterbreite von 300 und einer Fensterhöhe von 250 Pixel angezeigt.
Hinweis
Man könnte den Funktionsaufruf auch in das Body-tag eintragen und über den Befehl onLoad() gleich beim Laden oder zeitverzögert das PopUp-Window öffnen.
onLoad="AutoPopUp()"
onLoad="setTimeout('AutoPopUp()', 6000);"
Ein PopUp-Window mit OnUnload beim Verlassen der Seite anzeigen zu lassen wäre ebenfalls möglich.
Das gabs im Web häufiger, sei es um spielerisch anzuzeigen "Sie haben 3:27 Minuten auf meinen Seiten verbracht und 17 Unterseiten aufgerufen" oder auch nur für ein "Danke für den Besuch".
 Solche Windows sind aber nach deutschen Regeln nicht mehr erlaubt und sittenwidrig! Finger weg von solchen Praktiken.
Bestimmt selbst schon mal erlebt: Immer wieder geht ein neus Fenster auf und statt die Seite zu schließen, springen immer wieder neue PupUps auf den Schirm. Der Besucher soll selbst bestimmen können, wann er seinen Besuch beendet und deshalb wurde wegen agressiven Werbern diese Technik verboten.
Das Script im HEAD-Bereich
Die in rot eingetragenen Werte können Sie anpassen.
Zur besseren Übersicht habe ich die zusätzlichen Fenstereigenschaften in einzelnen Zeilen aufgelistet. Legen Sie die Werte den Anforderungen entsprechend fest.
function AutoPopUp() {
// Dateiname
var dateiname = "fenster.htm";
// Position
eigenschaften= "left=10,top=10,";
// Größe
eigenschaften= eigenschaften + "width=300,height=250,"
// hier andere Fenstereigenschaften festlegen:
// für ja den Wert von Null auf Eins ändern
eigenschaften= eigenschaften + "menubar=0"; // Menüleiste
eigenschaften= eigenschaften + "toolbar=0"; // Symbolleiste
eigenschaften= eigenschaften + "statusbar=0"; // Statuszeile
eigenschaften= eigenschaften + "scrollbars=1"; // Scrollbars
eigenschaften= eigenschaften + "resizable=0"; // Größe veränderbar
eigenschaften= eigenschaften + "locationbar=0"; // Adresszeile
eigenschaften= eigenschaften + "directories=0"; // Linkleiste
fenster04 = window.open(dateiname,"Titeltext",eigenschaften);
fenster04.focus();
}
window.setTimeout('AutoPopUp()', 6000);
Zur Anpassung folgende Änderungen im Script:
| Element |
hier im Beispiel |
ersetzen mit |
| Dateiname |
fenster.htm |
Dateiname |
| Breite |
300 |
Wert in Pixel |
| Höhe |
250 |
Wert in Pixel |
|
Das Fenster wird erst nach eingestellter Zeit geöffnet. Die Verzögerungszeit wird in Millisekunden angegeben. Hier 6000 für 6 Sekunden:
Zur Anpassung folgende Änderungen im Aufruf:
| Element |
hier im Beispiel |
ersetzen mit |
| Verzögerung |
6000 |
Wert in ms |
|
Sie können die Textdatei des Quellcodes im Kopfbereich aufrufen und den Code kopieren.
|
Home • PopUp-Windows • auto-open 
Quellcode