Seite aktualisieren ohne Ruckler

[Drade]

Liebe Gemeinde,

gibt es eine Möglichkeit eine Seite in Intervallen aktualisieren zu lassen ohne dass man diese Aktualisierung wahrnimmt?
Selbst bei gleich bleibendem Inhalt merkt man immer wie sich die Seite neu aufbaut.

Der Hintergrund ist folgender:
Es soll eine Statusanzeige einiger in MySQL abgelegter Werte erstellt werden. Es sieht nur nervig aus wenn alle x Sekunden das Bild kurz flackert.

Vielen Dank
Drade

 

[SpiceLab]

Meines Wissens gibt's dafür keine Möglichkeit. Das "Reload"-Verhalten ist da auch von Browser zu Browser unterschiedlich.

 

[Drade]

Hi SpiceLab,

danke für die Antwort.

Gibt es denn eine andere Technik die eine "flüssige" Obeflächengestaltung ermöglicht?

 

[SpiceLab]

Naja, grundsätzlich stünde AJAX zur Verfügung, um Inhalte nachträglich in das Dokument zu laden, ohne es hierbei vollständig zu aktualisieren.

 

[Alice]

Wie kann ich mir diese "Ruckler" denn vorstellen?

Ich frage weil ich so etwas nicht kenne.

http://demo.mysamplecode.com/JQuery/pages/reloadPageFiveSeconds.jsp

 

[SpiceLab]

Wie kann ich mir diese "Ruckler" denn vorstellen?

Ich frage weil ich so etwas nicht kenne.

Die Umschreibung findet sich im letzten Absatz:

Es sieht nur nervig aus wenn alle x Sekunden das Bild kurz flackert.

Und das geschieht ebenfalls mit deinem empfohlenen Beispiel in diversen Browsern, wenn darin ein Bild-Element enthalten ist.

 

[Alice]

Also bei mir passiert das nicht.

 

[SpiceLab]

Also bei mir passiert das nicht.

Hast du das lokal mit einem eingebundenen <img>-Element überprüft? Wenn ja, mit welchem Browser?

In IE, Google-Chrome und Opera registriere ich alle 5 Sekunden das "Bild-Flackern".

 

[Alice]

Ich verwende den Firefox 33.0.2. Bei mir ändern sich nur Werte wie z.B. die dargestellte Uhrzeit. Ein "Flackern" oder "Ruckeln" ist nicht vorhanden. Vielleicht liegt es an der Hardware?

Edit:

Der Code:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://demo.mysamplecode.com/resources/scripts/mysamplecode.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {
            setInterval("location.reload();", 5000);
            $("#someInfo").html("Time is " + new Date());
        });    
</script>

Diesen Code habe ich (nur URL angepasst) in mein "Header-Template" eingebaut. Die Seite wird nun alle 5 Sekunden "reloadet" und das ohne jegliche Probleme.

Ich sehe nur zwei Dinge:
1.) Oben im Browser-Tab erschein kurz eine "Reload-Grafik".
2.) Sachen wie Uhrzeit/Counter usw. werden - natürlich - aktuallisiert.

 

[SpiceLab]

Ich verwende den Firefox 33.0.2. Bei mir ändern sich nur Werte wie z.B. die dargestellte Uhrzeit. Ein "Flackern" oder "Ruckeln" ist nicht vorhanden. Vielleicht liegt es an der Hardware?

Nö, nur am Browser.

In IE, Google-Chrome und Opera registriere ich alle 5 Sekunden das "Bild-Flackern".

Dies habe ich, wie gesagt, lokal mit einem eingebundenen Bild-Element überprüft.