Bild aktualisieren, sobald sich was tut?

**TobiaZ** · 17.04.2006, 19:04

PHP ist läuft serverseitig. Das heißt, das Bild wird an den Klient gesendet und danach passiert nichts mehr.

**HermineG** · 17.04.2006, 19:15

Was kann ich tun?
Flash benutzen? (PHP kann ja einige Flash Funktionen).

Würde lieber bei 'richtigem' PHP bleiben.

Muß denn wirklich der Client alle 5 Sekunden nachfragen?
Das gibt dann doch ein schlimmes Geflacker auf dem Bildschirm, wenn sich die Seite alle 5 Sekunden aufbaut!
Das will ich eigentlich vermeiden.

Beste Grüße HermineG

**TobiaZ** · 17.04.2006, 19:32

könntest mit AJAX im hintergrund abfragen ob ein neues bild da ist.

Ganz generell: Du brachst ja nicht immer das komplette bild zu übertragen.

Flash-Funktionen???

**HermineG** · 17.04.2006, 22:24

@TobiaZ:

Jetzt hast Du mir aber den Mund wässrig gemacht.

Wie fragt man mit AJAX im Hintergrund ab, ob sich was geändert hat?
(gibt's irgenwelche guten Tutorials, die Du empfehlen kannst?)

Und was meinst Du mit "nicht das ganze Bild" ändern?

Besten Gruß
HermineG

**TobiaZ** · 17.04.2006, 22:44

selber suchen und ergebnis hier posten.

**HermineG** · 18.04.2006, 00:00

@TobiaZ:
OK. Da hast Du.

http://www.ajax-community.de/ftopic102.html
http://www.designplanet.biz/tutorials-17.htm
http://www.designplanet.biz/tutorial...ung/ajax.shtml
http://developer.apple.com/internet/...mlhttpreq.html
http://ajaxpatterns.org/HTTP_Streaming
http://ajaxpatterns.org/Periodic_Refresh
http://rajshekhar.net/blog/archives/...-Tutorial.html
http://aleembawany.com/weblog/webdev..._tutorial.html
http://www.xml.com/pub/a/2005/02/09/...p-request.html

Gibt's was besseres? Auf deutsch? Für dumme wie mich?
Was nehmen, was umsetzen, was verstehen?

Beste Grüße
HermineG

**Wurzel** · 18.04.2006, 00:06

wird das bild bei veränderung auf dem server gespeichert?

dann könntest du vereinfacht mit einem 1x1px iframe arbeiten:
- sessions nutzen
- meta-refresh im iframe
- abfrage per php ob sich die erstellungszeit des bildes im vgl. zu einem session-flag geändert hat
- wenn ja:
-- zeitstempel in die session schreiben
-- ganze seite reloaden => javascript
- wenn nein:
-- nix tun, ausser refreshen

**tomstig** · 18.04.2006, 01:24

Wie fragt man das mit AJAX am besten ab? Mit Zeit (jede Sekunde soll geprüft werden)?

**tomstig** · 19.04.2006, 23:01

Original geschrieben von tomstig
Wie fragt man das mit AJAX am besten ab? Mit Zeit (jede Sekunde soll geprüft werden)?

weißt das vllt jemand?

**wahsaga** · 20.04.2006, 09:03

Original geschrieben von tomstig
Wie fragt man das mit AJAX am besten ab? Mit Zeit (jede Sekunde soll geprüft werden)?

So häufig würde ich das nicht machen ...

Aber generell, ja.
Über setTimeout/setInterval immer wieder Requests absetzen, wenn sich nichts geändert hat, nichts tun, andernfalls Bild neu laden (z.b. durch Anhängen des aktuellen Zeitstempels an die Bildquelle).

**Bushmasta** · 22.04.2006, 19:46

ich hab' sowas 'mal mit SAJAX gemacht...
prüft alle 3 sekunden anhand von filemtime, ob bild.jpg geändert wurde. wenn ja, wird das bild neu vom server geholt...

PHP-Code:


<?php

require("Sajax.php");  // SAJAX by ModernMethod -  http://www.modernmethod.com/sajax/



function checkpic($t, $pic = 'bild.jpg') {

    $pts = @filemtime($pic);

    $pic = $pic.'?'.time();



    if ($t <> '0') {

        if ($t != $pts) {

            return '1';

        }

        else {

            return '0';

        }

    }

    if ($t == '0') {

        return "<img src=\"$pic\"><input type=\"hidden\" id=\"ts_pic\" value=\"$pts\">";

    }

}



sajax_init();

sajax_export("checkpic");

sajax_handle_client_request();

?>

<html>

<head>

<title>freshmaker</title>

<script>

<?php sajax_show_javascript(); ?>

function set_result(result) {

    document.getElementById("z").innerHTML = result;

}

function do_check(result) {

    if (result == '1') {

        x_checkpic(0, set_result);

    }

    to = setTimeout("refreshPic()", 3000);

}

function refreshPic() {

    var ts = document.getElementById("ts_pic").value;

    x_checkpic(ts, do_check);



}

</script>

</head>

<body onload="refreshPic();">

<div id="z"><input type="hidden" id="ts_pic" value="1234567890"></div>

</body>

</html>

bush

Bild aktualisieren, sobald sich was tut?