Webcam - HTML : Popup Fenster

Automatischer Popup für unsere Webcam ...

3. Die ersten Beispiele waren für die fleißigen Besucher, für jene, die interaktiv durch das Internet surfen und ständig nach Features, in unserem Fall eher nach eingebauten Spielereien, suchen. Aber auch die Faulen sollen Ihr Popup bekommen und merken, dass das Internet dynamischer als eine alte schwarz-weiße Tageszeitung sein kann.

Beim Betreten dieser Seite öffnete sich automatisch ein Popup-Fenster (falls Sie es bereits weggeklickt haben, laden Sie diese Seite mit Ihrem Browser einfach nochmals neu ).

Dieses zeigt auch ein Webcam - Bild an, exakter, den Inhalt einer durch mich erstellten HTML - Datei. Diese Datei webcamxp_js.htm trägt alles Notwendige zur Darstellung des Livestreams meines ersten wecbamXP - Live - Kanals. Klar, dass im Offline - Status der Webcam ein entsprechendes Offline - Bild ausgegeben wird.

Ohne dass Sie etwas tun mussten, oder auch aus Unkenntnis nicht realisieren konnten, wurde für Sie dieses Popup beim Laden der Seite geöffnet. Sie oder ein anderer Besucher brauchen dieses Popup - Fenster lediglich zu schließen, wenn Sie es nicht mehr sehen wollen.

Das Öffnen des Popup erreiche ich durch das Einfügen folgender Zeilen in den HTML - Quelltext der Seite zwischen Ende-Tag des Titels </title> und Ende-Tag des Header </head> :

<script language="javascript">
webcamload=window.open('','open','width=320,height=240,resizable=0,status=0,scrollbars=0')
webcamload.location.href ="http://www.angelpage.de/webcamxp_js.htm"
</script>

Sie erkennen jetzt im Javascript die Kommandos für den Browser

* zum Öffnen des Popup sofort beim Laden der (Haupt-) Seite,
* die Größe des zu öffnenden Fensters,
* eine Größenänderung dieses Fensters nicht zulassen,
* Statusanzeige und Scrollleiste nicht darstellen sowie den
* Platz bzw. den Pfad zur anzuzeigenden HTML - Datei.

Verändern Sie lediglich die Seite oder aber den gesamten Pfad zu der Seite (im Javascript rot markiert) , die im Fenster dargestellt werden soll. Im Beispiel habe ich die Datei webcamxp_js.htm mit vollständigem = absolutem Pfad festgelegt. Dieses Script würde damit - egal, auf welcher Seite eingefügt - immer den ersten Livestream von angelpage.de im Popup anzeigen.

Auch hier gilt: erstellen und testen Sie zuerst Ihre beiden HTML - Dateien offline und online. Erst dann öffnen Sie die Hauptseite mit Notepad und fügen dort sorgfältig das Javascript in den Quelltext ein. Speichern Sie die Seite im richtigen Format ( htm bzw. html ) und damit wäre sie dann komplett.

Sicher haben Sie erkannt, dass auch dieses Popup - Javascript zur Darstellung beliebiger Seiten verwendet werden kann. Das könnte ein Chat - Fenster sein, die Steuerung für einen Sound - Player, aber auch ein zusätzlicher Willkommensgruss oder Hinweis usw. Lassen Sie sich etwas einfallen, spielen Sie mit dieser interessanten Gestaltungsmöglichkeit.

Diese 3 Beispiele sollen genügen - im Internet finden Sie jede Menge weiterer Scripts zum Popuppen Ihrer WebCam und damit gleichzeitig zum Aufpeppen Ihrer Homepage.

Über Ihr Feedback und eine URL zu Ihrer Webcam - Seite im Forum würde ich mich freuen. Sicher würden Sie weitere Besucher erhalten können, zumal das Forum selbst auch bei Google und Co. recht gut gelistet wird.

zurück | Home | weiter

Popup - Fenster auch für die Webcam : einige HTML - und Javascript - Tricks