Dynamische HTML-Seite [Erledigt]

Vom Front-End bis SOAP.

Moderator: Moderatoren

Antworten
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Dynamische HTML-Seite [Erledigt]

Beitrag von Martin Altmann »

Moin moin,
hier gibt es doch sicherlich einige, die wesentlich fitter in HTML/JS sind, als ich.
Ich möchte eine HTML-Seite aus Xbase++ heraus erzeugen (kein Problem), die alle 30 Sekunden erneut geladen wird (auch kein Problem).
Allerdings möchte ich Textteile auf der Seite alle zehn Sekunden durch andere Texte ersetzen lassen. Sicherlich mittels eine Javascript-Funktion. Hat da jemand einen Tip für mich?
Zur Verdeutlichung ein kleines Beispiel - gegeben sei z.B. folgende Tabelle:

Code: Alles auswählen

 Name     Platz  Punkte
 ABC        1      47
 DEF        2      13
 GHI        3       3
Ich möchte jetzt alle 10 Sekunden die drei Spaltenüberschriften mit anderem Text überschreiben (z.B. deren Übersetzung in Englisch bzw. Französisch). Dazu müsste ich ja wahrscheinlich die entsprechene TD mit jeweils einem eindeutigen Namen versehen und diesen in einem Skript, das entsprechend alle 10 Sekunden aufgerufen wird, durch einen anderen Inhalt ersetzen - abhängig von einer lokalen Variable in der Funktion entsprechend in Deutsch (1. Aufruf), Englisch (2. Aufruf), Französisch (3. Aufruf). Wie mache ich das am Einfachsten?
Oder hat jemand eine bessere Idee?

Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
urbi
Rekursionen-Architekt
Rekursionen-Architekt
Beiträge: 142
Registriert: So, 26. Mär 2006 18:47
Wohnort: 76185 Karlsruhe
Kontaktdaten:

Re: Dynamische HTML-Seite

Beitrag von urbi »

Hi Martin,

ich habe das so ähnlich mit Ajax gelöst, da kannst du in einer Schleife mit settimeout verzögert daten vom server nachladen.
etwa so:

Code: Alles auswählen

<script type="text/javascript"><!--

var http = null;
if (window.XMLHttpRequest) {
   http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
   http = new ActiveXObject("Microsoft.XMLHTTP");
}
dann in eine schleife
http.open("GET", "./texte/text1..txt", true);
den text laden und anschliesend ausgeben

Code: Alles auswählen

function ausgeben() {
   if (http.readyState == 4) {
      document.getElementById("info1").innerHTML= http.responseText;
   }
Gruß Rainer
urbi
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite

Beitrag von Martin Altmann »

Hallo Rainer, vielen Dank für den Ansatz. In meinem Fall brauche ich die Texte jedoch nicht nachladen - die können ruhig in der HTML-Datei enthalten sein und brauchen nur alternierend angezeigt zu werden.
Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
nightcrawler
1000 working lines a day
1000 working lines a day
Beiträge: 650
Registriert: Di, 24. Apr 2012 16:33
Wohnort: 72184 Weitingen
Hat sich bedankt: 3 Mal
Danksagung erhalten: 96 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite

Beitrag von nightcrawler »

Martin Altmann hat geschrieben:Allerdings möchte ich Textteile auf der Seite alle zehn Sekunden durch andere Texte ersetzen lassen.
Nimm jQuery:

Code: Alles auswählen

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var i=0;
function toggle()
{
  //alert("test");
  if (i==0)
  {
    $("#a").text('abc');
    i=1;
  }
  else
  {
    $("#a").text('def');
    i=0;
  }
};
window.setInterval(toggle, 500); //500 msec
</script>

</head>
<body>
<H1>Test zur Aktualisierung</H1>
<p id='a'>Initialtext</p>
</body>
</html>
--
Joachim
Joachim Dürr Softwareengineering
https://www.jd-engineering.de
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite

Beitrag von Martin Altmann »

Moin Joachim,
prima - vielen Dank. Werde ich die Woche mal probieren. Die im Header genannte jquery-1.9.1.js habe ich schon mal heruntergeladen - der PC, der zum präsentieren genutzt werden soll, hängt nicht am Internet.

Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite [Erledigt]

Beitrag von Martin Altmann »

So - habe es jetzt wie folgt probiert und werde es dann so umsetzen:

Code: Alles auswählen

<html>
<head>
<meta http-equiv="refresh" content="30">
<script type="text/javascript">
var i=0;
function toggle()
{
var xyz = document.getElementById ("a");
  if (i==0)
  {
    xyz.innerHTML = "abc";
    i=1;
  }
  else if (i==1)
  {
    xyz.innerHTML = "def";
    i=1;
  }
  else
  {
    xyz.innerHTML = "ghi";
    i=0;
  }
};
window.setInterval(toggle, 10000);
</script>

</head>
<body>
<H1>Test zur Aktualisierung</H1>
<p id='a'>Initialtext</p>
</body>
</html>
Funzt wie gewünscht - auf ghi wird es nie gesetzt (habe ich nur zur Kontrolle reingemacht), da ja nach 30 Sekunden die Seiten komplett neu geladen wird.
Nach diesem Schema werde ich nun die Ergebnisseite zusammenbauen und dann immer im 10 Sekunden-Wechsel die Feldbezeichnungen wechselweise in Deutsch, Englisch und Französisch anzeigen lassen.

Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite [Erledigt]

Beitrag von Martin Altmann »

So,
falls jemand mal ein Beispiel sehen will, wie das mit dem Refresh der HTML-Seiten jetzt funktioniert:
Einfach das ZIP auspacken und die index.hml aufrufen - und wenigstens eine Minute beobachten.
html.zip
Refresh und Wechsel der Anzeige innerhalb einer HTML-Seite
(9.51 KiB) 303-mal heruntergeladen
Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
brandelh
Foren-Moderator
Foren-Moderator
Beiträge: 15688
Registriert: Mo, 23. Jan 2006 20:54
Wohnort: Germersheim
Hat sich bedankt: 65 Mal
Danksagung erhalten: 33 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite [Erledigt]

Beitrag von brandelh »

ich sehe 20 Zeilen auf meinem 24" Monitor ;-)
Gruß
Hubert
Benutzeravatar
Martin Altmann
Foren-Administrator
Foren-Administrator
Beiträge: 16502
Registriert: Fr, 23. Sep 2005 4:58
Wohnort: Berlin
Hat sich bedankt: 111 Mal
Danksagung erhalten: 48 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite [Erledigt]

Beitrag von Martin Altmann »

:D
Ist ja nur eine Beispielseite - stell Dir vor, diese Ausgabe wird im Browser im Kioskmode mittels Beamer auf eine Leinwand in einer großen Halle übertragen.
Da wird die Seite in der Anzeige sicherlich auch noch gezoomed werden.

Viele Grüße,
Martin
:grommit:
Webseite mit XB2.NET und ausschließlich statischem Content in Form von HTML-Dateien: https://www.altem.de/
Webseite mit XB2.NET und ausschließlich dynamischem Content in Form von in-memory-HTML: https://meldungen.altem.de/

Mitglied der XUG Osnabrück
Vorsitzender des Deutschsprachige Xbase-Entwickler e. V.
Benutzeravatar
brandelh
Foren-Moderator
Foren-Moderator
Beiträge: 15688
Registriert: Mo, 23. Jan 2006 20:54
Wohnort: Germersheim
Hat sich bedankt: 65 Mal
Danksagung erhalten: 33 Mal
Kontaktdaten:

Re: Dynamische HTML-Seite [Erledigt]

Beitrag von brandelh »

ich habe nur deine Frage beantwortet, "wieviele Zeilen sehen Sie ..." ;-)
Gruß
Hubert
Antworten