Hallo,
Kriege meine gewüschten Daten sauber im Browser angezeigt.
was ich jetzt noch nicht verstanden habe:
wie krieg ich die Daten in regelmäßigen Abständen (sec) aktualisiert ohne dauernd den aktualisieren Button im Browser zu drücken
der Beitrag:
http://www.ulrichradig.de/forum/viewtop ... =32&t=1598
hat mir leider nicht wirklich geholfen
Grüße Martin
Inhalte automatisch aktualisieren HTML
Re: Inhalte automatisch aktualisieren HTML
Hi,
ist ganz einfach.
Diese Zeile muß in die Webpage rein:
"<meta http-equiv= Refresh content = 30>"
Die 30 geben die Zeit an nach der die Seite neu geladen wird. Bitte nicht zu klein machen damit genug Zeit ist um alle Daten der Seite zu übertragen zuvoe aktualisiert wird.
Eingefügt könnte der Code so aussehen:
"<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n"
"<html><head>\r\n"
"<meta http-equiv= Refresh content = 30>"
"<meta http-equiv=\"content-type\" content=\"text/html; charset=ISO-8859-1\">\r\n"
"<title>AVR mini Webserver : Home</title>\r\n"
"<link rel=\"stylesheet\" type=\"text/css\" href=\"styles.css\">"
"</head><body>\r\n"
"<h1>AVR mini Webserver : Home</h1>\r\n"
"<div id=\"nav\"><a href=\"index.htm\">Home</a><a href=\"temp.htm\">Temperaturen</a><a href=\"status.htm\">Status</a><a href=\"command.htm\">Command</a></div>\r\n"
"<div id=\"main\"><h2>Glückwunsch!</h2><br>\r\n"
//Kamerabild anzeigen oder Rakete
#if USE_CAM
"<img src=\"camera.jpg\" width=\"640\" height=\"480\" alt=\"\">"
#else
"<img src=\"raket.gif\" width=\"90\" height=\"92\" alt=\"\">"
#endif //USE_CAM
....
mfg Klaus
ist ganz einfach.
Diese Zeile muß in die Webpage rein:
"<meta http-equiv= Refresh content = 30>"
Die 30 geben die Zeit an nach der die Seite neu geladen wird. Bitte nicht zu klein machen damit genug Zeit ist um alle Daten der Seite zu übertragen zuvoe aktualisiert wird.
Eingefügt könnte der Code so aussehen:
"<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\r\n"
"<html><head>\r\n"
"<meta http-equiv= Refresh content = 30>"
"<meta http-equiv=\"content-type\" content=\"text/html; charset=ISO-8859-1\">\r\n"
"<title>AVR mini Webserver : Home</title>\r\n"
"<link rel=\"stylesheet\" type=\"text/css\" href=\"styles.css\">"
"</head><body>\r\n"
"<h1>AVR mini Webserver : Home</h1>\r\n"
"<div id=\"nav\"><a href=\"index.htm\">Home</a><a href=\"temp.htm\">Temperaturen</a><a href=\"status.htm\">Status</a><a href=\"command.htm\">Command</a></div>\r\n"
"<div id=\"main\"><h2>Glückwunsch!</h2><br>\r\n"
//Kamerabild anzeigen oder Rakete
#if USE_CAM
"<img src=\"camera.jpg\" width=\"640\" height=\"480\" alt=\"\">"
#else
"<img src=\"raket.gif\" width=\"90\" height=\"92\" alt=\"\">"
#endif //USE_CAM
....
mfg Klaus
Re: Inhalte automatisch aktualisieren HTML
vielen Dank für die schnelle Hilfe,
mit "<meta http-equiv= Refresh content = 30>"
lade ich ja die ganze Seite neu.
gibt es auch die Möglichkeit nur eine einzelne Zeile des HTML Codes neu zu laden bzw nur
eine einzelne Variable zu aktualisieren?
Grüße Martin
mit "<meta http-equiv= Refresh content = 30>"
lade ich ja die ganze Seite neu.
gibt es auch die Möglichkeit nur eine einzelne Zeile des HTML Codes neu zu laden bzw nur
eine einzelne Variable zu aktualisieren?
Grüße Martin
Re: Inhalte automatisch aktualisieren HTML
Hab mir jetzt nen Iframe gemacht in dem die Werte stehen die aktualisiert werden.
geht zwar . ist aber sehr umständlich damit ne vernünftige Seite aufzubauen.
geht das eventuell noch anders???
Grüße Martin
geht zwar . ist aber sehr umständlich damit ne vernünftige Seite aufzubauen.
geht das eventuell noch anders???
Grüße Martin
Re: Inhalte automatisch aktualisieren HTML
Das ist mit ein paar Zeilen Javascript sicher zu lösen... Suche mal nach XMLHttpRequest bzw. AJAX...
Re: Inhalte automatisch aktualisieren HTML
MMHHHH....
Javascript bin ich jetzt leider total unbedarft...
hab mal google angeschmissen, das gibt leider viel zu viel Information.
Hast DU nen Tip wie ich das am besten angehe.
Grüße Martin
Javascript bin ich jetzt leider total unbedarft...
hab mal google angeschmissen, das gibt leider viel zu viel Information.
Hast DU nen Tip wie ich das am besten angehe.
Grüße Martin
Re: Inhalte automatisch aktualisieren HTML
Sicher. Hier mal eine minimale Lösung, die so nur in aktuellen Browsern(MOZ, IE7+, Safari,..) funktioniert. (Wenn du ältere Browser unterstützen musst, dann kostet das ein paar Zeilen mehr.)
Der Inhalt des Elementes mit der ID "data" wird alle 1000 ms durch das Ergebnis der Anfrage von "inhalte.txt" ersetzt. ID und nachzuladendes Dokument auf dem Server sind natürlich frei wählbar. Das Element muss auch kein <div> sein, auch der Inhalt von p>, <td>, usw. lässt sich so verändern.
P.S. Mir ist bewusst, dass diese HTML-Seite nicht standardkonform ist 
Der Inhalt des Elementes mit der ID "data" wird alle 1000 ms durch das Ergebnis der Anfrage von "inhalte.txt" ersetzt. ID und nachzuladendes Dokument auf dem Server sind natürlich frei wählbar. Das Element muss auch kein <div> sein, auch der Inhalt von p>, <td>, usw. lässt sich so verändern.
Code: Alles auswählen
<html>
<head>
<script>
var x = new XMLHttpRequest();
var a = window.setInterval("req()", 1000);
function req(){
x.open('GET', 'inhalte.txt');
x.onreadystatechange = function () {
if (x.readyState == 4) {
document.getElementById("data").innerHTML = x.responseText;
}
};
x.send(null);
}
</script>
</head>
<body>
<div id="data"></div>
</body>
</html>Re: Inhalte automatisch aktualisieren HTML
Super das werde ich gleich nach meinem anderen Problem
http://www.ulrichradig.de/forum/viewtop ... =32&t=1711
probieren danke
vielen dank schonmal
Martin
http://www.ulrichradig.de/forum/viewtop ... =32&t=1711
probieren danke
vielen dank schonmal
Martin