Live-Ticker Sportveranstaltung - Automatische Beitragsaktualisierung

eumel1602 · 12. Januar 2023

Hi.

Ich habe bereits vor 5 Jahren in einem Beitrag hier im Forum zu diesem "Problem" angefragt.
Ich möchte für eine Sportveranstaltung einen Joomla-Beitrag als Live-Ticker nutzen.

Die Infos stehen einfach untereinander im Beitrag geschrieben und die neuste Info steht immer Oben.

Nun muss ein User den es interessiert ja die Seite immer neu laden um das Neuste zu lesen.

Hat jemand Erfahrung damit, wie man das automatische neu laden des J-Beitrags (z.b. aller 30 sekunden oder 1 min) eventuell in Joomla 3.11.x umsetzten kann, eine kleine Erweiterung, codeschnipsel ect ?

WM-Loose · 12. Januar 2023

Müsste damit funktionieren aber habe ich nicht getestet.

How to auto refresh (reload) Joomla page? - Joomla! Forum - community, help and support

bembelimen · 12. Januar 2023

Hier ein kleiner Braindump (wenn du nicht die ganze Seite neu laden willst).

- Packe deinen Tickertext in ein DIV mit einer ID

- schreibe ein kleines JS was mit einem Intervall von z.B. 30 Sekunden einen Code aufruft, der folgendes macht:

|- Ajax Request auf den Artikel selbst mit tmpl=component Parameter

|- aus dem Ergebnis das DIV holen (querySelector)

|- Einfügen des Inhaltes in das DIV auf der Webseite

|- Optional: kleiner Button, der die Funktion manuell triggert.

eumel1602 · 17. Januar 2023

Vielen Dank für Eure Meldungen. Sorry für die späte Rückmeldung!

WM-Loose die ganze Webseite möchte ich nicht neu laden, nur den Beitrag. Konnte mit meinen Kenntnissen jetzt nicht erkennen wie man das nur für den beitrag machen könnte....

bembelimen leider ist selbst das für mich zu kompliziert. daran werde ich scheitern. aber danke für die Gedanken,vielleicht hilft es jemand.
alternativ habe ich in letzter Zeit schon den auch von Dir vorgeschlagenen kleinen button erzeugt und in der Ecke als bild mit verlinkung eingebaut... Geht schon aber das automatische wäre schon schöner...

bembelimen · 17. Januar 2023

Code

<script>
  const loadContent = () => {
    // Hier die URL die geladen werden muss (URL zum Artikel selbst), nicht das &tmpl=component am Ende vergessen
    const url = 'http://localhost/wicked-software/joomla/index.php?view=article&id=22:test&catid=2&tmpl=component';
    Joomla.request({
      url: url,
      onSuccess: (data) => {
       const elem = document.createElement('DIV');
       elem.innerHTML = data;
       const content = elem.querySelector('#mycontent');
       const target = document.getElementById('mycontent');

       if (content && target) {
         target.innerHTML = content.innerHTML;
       }
      }
    });
  }
document.addEventListener('DOMContentLoaded', () => {
  setInterval(function() { loadContent(); }, 20000); // Das ist die auto-Aktualisierung 20000 => 20sek
});
</script>

<button type="button" onclick="loadContent();" class="btn btn-primary">Update</button>

<div id="mycontent">
<p>Hier der Content, den du aktualisierst</p>
</div>

Alles anzeigen

Hier eine kleine Spielerei, kannst mal schauen ob es das macht was es tun soll. Einfach in einen Artikel als HTML-Code einfügen (eventuell musst du erst "script" erlauben). Wenn der Artikel dann im Fronted aufgerufen ist, kannst du im Backend den Bereich beliebig zwischen dem DIV anpassen und er wird nach einer gewissen Zeit (oder wenn der Button gedrückt wird) aktualisiert.

eumel1602 · 18. Januar 2023

Vielen DANK bembelimen , das du dir die Zeit genommen hast. Das weiß ich zu schätzen!!!
Die "kleine Spielerei" habe ich in einen J-Beitrag eingebaut und sie tut was sie soll! Hab es bissl getestet, und bin der Meinung sie ist so sehr gut

Code

vielleicht als Beispiel noch mein aufbau der URL, denn die ist ja wichtig wie sie aussieht: 
https://www.example.org/index.php/148-jugend/allgemeine-jugendinfos/live-ticker2023&tmpl=component

eumel1602 · 18. Januar 2023

Nachtrag. Im CodeMirror Editor ging das speichern des script gleich,

beim JCE-Editor musste ich "script" in den JCE Profileinstellungen noch zulassen.... (sonst schmeisst er den code ja raus)