Eine weitere Möglichkeit mit Javascript, die jetzt aber bereits ein regelmäßig aktualisiertes Webcam - Bild auf Klick in einem vereinfachten und verkleinertem Browserfenster darstellen soll, zeige ich hier. Den Effekt können Sie sehen, wenn Sie oben rechts auf den animierten Laptop oder gleich hier klicken. Da Ihr Live - Bild jetzt einen Rahmen hat, sieht es etwas besser aus. Zusätzlich kann die Seite separat geschlossen oder auch auf die Taskleiste zur späteren nochmaligen Ansicht gelegt werden, egal, wo sich Ihr Besucher dann bereits befindet.
Diese Variante realisieren wir mit zwei Zeichenfolgen im Quelltext Ihrer HTML - Seite und natürlich mit einer zusätzlichen HTML - Seite, dem eigentlichen Inhalt dieses Popup - Fensters.
Im Beispiel verwende ich die bereits vorher für den 30 - Sekunden - Refresh erstellte Datei i_frame.htm, die wir unter "HTML, Script " -> "Meta - Refresh im Inline Frame" einige Seiten vorher bereits erstellt haben. Schauen Sie sich diese Seite noch einmal an und passen Sie im Quelltext die Bezeichnung Ihrer Bilddatei entsprechend an. Testen Sie Ihre HTML - Datei off- und nach dem Upload auf den HOST - Server online.
Jetzt erstellen Sie die HTML - Seite, auf der das Popup untergebracht und geöffnet werden soll. Natürlich können Sie dazu auch eine bereits vorhandene fertige Seite ( mit den klassischen Elementen ) dazu verwenden. Werden Sie sich klar, welches Element dieser Seite ( Wort / Wörter bzw. Bild ) zum Öffnen des Popup angeklickt werden sollen.
In den Quelltext des Header fügen Sie zwischen den Ende-Tag vom Titel </title> und dem Ende-Tag des Header </head> das folgende Javascript ein:
<script language="javascript">
function pop(s1,x1,y1) {
nw = window.open(s1,"webcam_test","width=" + x1 + ",height=" + y1 + ",scrollbars=no,scrolling=no,location=no,toolbar=no");
}
</script>
a ) Zum Aktivieren dieses Scripts suchen Sie jetzt im Quelltext Ihrer Seite nach dem Wort, das Sie hervorheben wollen und dessen Anklicken das Popup-Fenster öffnen soll. Hier das Beispiel:
... beliebiger Text, dann
<a href="javascript:pop('http://ihre_domain/webcam/i_frame.htm','320','240')">zu aktivierendes Wort</a>
Aktiviert wird hier die Zeichenfolge "zu aktivierendes Wort" . Erkennbar ist der Link, der beim Anklicken aufgerufen wird - hier der komplette Pfad zu meiner Beispieldatei i_frame.htm - sowie die festgelegte Größe des Popup-Fensters ( 320x240 Pixel ). Diese beiden Parameter passen Sie natürlich in Ihrer Seite entsprechend an. Vergessen Sie auch nicht den Abschluss- Tag "</a>".
b ) Ein Beipiel mit einem anzuklickenden Bild auf Ihrer Seite
würde dann so aussehen:
<a href="javascript:pop('http://ihre_domain/webcam/i_frame.htm','320','240')"><img border="0" src="images/dorsch.gif" alt="Manfreds Dorsch zum Anklicken" width="41" height="46"></a>
Hier erkennen Sie als geübter Hobby - Webmaster bereits den zu aktivierenden Link wie im Text - Beispiel und den eigentlichen Bilder - Tag. Auch hier sollten Sie nicht den Ende-Tag des String "</a>" vergessen.
In dieser Variante können Sie beliebige andere HTML - Seiten zum Aufpoppen bringen. Sie brauchen ja nur eine andere Datei anstelle der "i_frame.htm" aufrufen lassen. Noch deutlicher : Sie können beliebige Seiten mit dem Webcam - Livestream, mit einem Videoclip, mit Sound, mit Beschriftung, mit Hintergrund usw. erstellen und in dieses Popup einfügen. Wie Sie diese dynamischen HTML - Seiten erstellen, finden Sie unter "HTML, Script". Auch den Chat z.B. von webcamXP oder ein integriertes NetMeeting bringen Sie so zum schnellen Aufruf von Ihrer Seite.
