Automatische Aktualisierung einer Seite

**TSV** · 30.01.2013, 13:34

Hallo,

ich bräuchte mal Hilfe. Ich habe im Internet einen Liveticker auf einer Seite.

http://tsv-schochwitz.de/liveticker.html

Die Seite mit dem Ticker soll sich nach jeweils einer Minute selbst aktualisieren.
Wie kann man das lösen?
Gibt es auch noch eine Möglichkeit, wo z.b. ein Countdown bis zur nächsten Aktualisierung runter läuft?

Danke vorab!

**ciaobello** · 30.01.2013, 13:54

Vielleicht über ein eigenes Seitenlayout (kopiere das aktuelle) und füge folgenden code im Header Bereich ein:
http://www.de.hscripts.com/tutorials...utorefresh.php

Ich habe es nicht getestet ... dann kannst ja noch eine Countdown-erweiterung einbinden und auf gleiche Sekunden Anzahl Stellen??

**melzebub** · 30.01.2013, 14:05

Ja recht simpel via Javascript

Code:

var newsectogo = function()
            {
                var element 		= $$('.sectogo').get('text');
                var element 		= element -1;
                var newElement	        = $$('.sectogo').set('text',element);
                if(element == 0)
                {
                    window.location=this.window.location;
                }
            }
            newsectogo.periodical(1000);

so ungefähr, ungetestet...

**TSV** · 30.01.2013, 20:24

Hallo ciabello,

wie bekomme ich den code in den Header-Bereich. Ich arbeite erst seit kurzem mit contao und bin sozusagen noch Laie.

**TSV** · 30.01.2013, 20:27

Hallo Melzebub,

habe folgenden code auf der Seite eingefügt, aber die Seite aktualisiert sich nicht?

<script type="text/javascript" language="JavaScript">

</script>

**melzebub** · 30.01.2013, 20:59

ja du musst noch den Zähler einsetzen. Dachte das war klar bei dem Code. Du brauchst jetzt ein Element mit der Klasse .sectogo. Dies muss als HTML eine Zahl enthalten, welche dann runtergezählt wird. Da Script ersetzt dann auch die Zahl, so dass du einen Counter hast. Mootools ist Voraussetzung.
So richtig sauber ist der Code Schnipsel nicht.

**ciaobello** · 30.01.2013, 21:00

Zitat von ciaobello

über ein eigenes Seitenlayout (kopiere das aktuelle)

https://contao.org/de/manual/2.11/ma...#seitenlayouts , schau Dir bitte mal die Contao Demo an. Da gibt es ein Seitenlayout für die News, Events und ein Default Seitenlayout. News & Events sind nur einer Seite zugeordnet. Du machst ein kopie vom Default Seitenlayout resp. von dem welchem dem Ticker zugefügt ist nennst es um nach Liveticker-Layout und fügst dort beim Bereich:

Zusätzliche <head>-Tags das was ich Dir oben angezeigt habe

Wenn das von Melzebub testen willst fügst sein Skript bei Eigener JavaScript-Code ein.

Wie gesagt ... das Seitenlayout kannst bei der Seite Liveticker speziell auswählen ... dann ist das nur für die Seite Liveticker gültig ... alles andere macht kein sinn ... und verursacht nur anfragen die nicht nötig sind .. da sich auf den Anderen Seiten der Content ja nicht alle 60Sekunden wechselt.

**TSV** · 30.01.2013, 22:12

Alles klar, habe es hinbekommen.

Vielen Dank nochmal!

**melzebub** · 30.01.2013, 22:19

Wie hast du es gemacht? Der Weg von ciaobello ist ja auch eine Möglichkeit.

**TSV** · 31.01.2013, 00:00

Habe es so gemacht mit dem Seitenlayout und habe dieses dann nur der einen Seite zugewiesen.
Für den Countdown habe ich dann folgenden Code gefunden:

Code:

<div id="ausgabe" style="font-weight:bold" >[nbsp]</div>

<script type="text/javascript">
time = 59;
text = "Automatische Aktualisierung in [[SEK]] Sekunden";
endText = " ";
function countdown(){
time=time-1;
if (time > 0){
min = Math.floor(time/60);
sek = time - 60*min;
ausgabe = text.replace("[[SEK]]", sek);
ausgabe = ausgabe.replace("[[TIME]]", time);
document.getElementById("ausgabe").innerHTML = ausgabe;
setTimeout("countdown()", 1000);
}
else document.getElementById("ausgabe").innerHTML = endText;
}
time=time+1;
countdown();
</script>

Wie bekomme ich den Text "Automatische Aktualisierung in [[SEK]] Sekunden" dunkelblau?