Zum Inhalt springen

Refresh bei Webcam

Erstellt am 20. März 2007 · 2 Antworten · letzte Antwort am 1. Mai 2007

Tags: Frage

geridane ·

Hallo !

ich habe mittels HTML in meiner Typo3-Seite eine Webcam eingebunden.

gibt es einen Befehl wodurch nicht die ganze Seite neu aufgebaut wird (durch das refresh) sondern NUR das Bild ?

Habe nämlich den HTML-Code als Seiteninhalt angeführt - das Refresh sollte sich eigentlich ja nur auf den Inhalt beziehen. Hab die Refreshfunktion absichtlich nicht in das Template übernommen, da die Webcam nur im Ordner "Webcam" anzeigbar sein soll.

also mein HTML-Code als Inhalt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="refresh" content="5" />

<title>Webcam</title>
</head>

<body>
<img border="0" src="http://www.XXXXXXXXXXXXXXX.at/cam_1.jpg" width="320" height="240" alt="" />
</body>
</html>

Die gesamte Seite baut sich alle 5 Sekunden neu auf - ich hätte aber gern, dass NUR das Bild alle 5 Sekunden neu aufgebaut wird. Müsste doch irgendwie möglich sein, oder ?

bin leider bisher nur wenig mit HTML in Kontakt getreten...

Danke vorweg für Hilfestellungen!

mgmax ·

Mit JavaScript würde das sehr gut gehen.

Hier ein Beispiel zur freien Verwendung, das ich für einen Freund geschrieben habe:

(Info: Der Code benötigt kein Php, es gibt hier bloß keinen HTML-Source-Knopf)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head></head>
<body onLoad="setTimeout('reloadpic(1);', 1000);">
<!-- PUBLIC DOMAIN - DO WHATEVER YOU WANT WITH THIS SOURCE - AUTHOR MAXIMILIAN GAUKLER -->
<script language="javascript">
<!--

function reloadpic(wobinich)
{
now = new Date();
    if (wobinich==1) {
        document.images["meinbild"].src = "http://www.XXXXXXXXXXXXXXX.at/cam_1.jpg?moeppp=" + now.getTime() + Math.random();
        setTimeout("reloadpic(1);", 5000);

    }
}
 -->
</script><img  id="meinbild" src="ungueltig-wird-erst-durch-js-gesetzt">
</body>
</html>

Das Funktionsprinzip ist, dass ein zufälliger String als Parameter eingesetzt wird, sodass der Browser das Bild nicht cachet.

du musst nur noch die richtige Domain einsetzen.
Das ungueltig-wird-erst-durch-js-gesetzt kannst du durch eine URL zu einem Bild mit dem Text "Sie haben kein JavaScript angeschaltet!" o.ä. ersetzen. Funzt im Mozilla, IE konnte ich leider nicht testen, würde mich aber über Rückmeldungen freuen.

Freundliche Grüße

Max Gaukler