INFO: Dieses Forum nutzt Cookies...
Cookies sind für den Betrieb des Forums unverzichtbar. Mit der Nutzung des Forums erklärst Du dich damit einverstanden, dass wir Cookies verwenden.

Es wird in jedem Fall ein Cookie gesetzt um diesen Hinweis nicht mehr zu erhalten. Desweiteren setzen wir Google Adsense und Google Analytics ein.

Antwort schreiben 
 
Themabewertung:
  • 1 Bewertungen - 5 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
ESP8266 HTML Problem
24.04.2016, 14:02
Beitrag #1
ESP8266 HTML Problem
Hallo Community

Ich möchte gerne die aktuelle Gefahrenkarte für meine Land (Schweiz) auf meinem Webserver (http://wlannesslau.internet-box.ch:8000) darstellen

Die Website stellt folgenden Code zur Verfügung:

Code:
<div style="width:180px;height:180px; border: 1px solid black;">
<a href="http://alarm.meteocentrale.ch/index.html" alt="Aktuelle Unwetterwarnungen für die Schweiz" title="Aktuelle Unwetterwarnungen für die Schweiz">
<img src="http://alarm.meteocentrale.ch/images/map/schweiz_preview.png" style="border: 0;" alt="Aktuelle Unwetterwarnungen für die Schweiz" />
</a>
</div>


Ich habe dann diesen Code in meinen Webserver Code hinzugefügt:

1. Vorher:

Code:
void handleRoot() {
  char temp[400];

snprintf ( temp, 400,

"<html>\
  <head>\
    <title>ESP8266 Demo</title>\
    <style>\
      body { background-color: #F7FF00; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }\
    </style>\
  </head>\
  <body>\
    <h1>Hello from ESP8266!</h1>\
    <p>SSID: %s</<p>\
    <p>Passwort: %s</<p>\
    <p>Temperatur: %s Grad</<p>\
    <p>Feuchtigkeit: %s %</<p>\
    <p>Zeit: %s </<p>\
  </body>\
</html>",

      ssid, password, packetBuffer, packetBuffer2, stringOne
   );
   server.send ( 200, "text/html", temp );
}

2. Nachher:

Code:
void handleRoot() {
  char temp[400];

snprintf ( temp, 400,

"<html>\
  <head>\
    <title>ESP8266 Demo</title>\
    <style>\
      body { background-color: #F7FF00; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }\
    </style>\
  </head>\
  <body>\
    <h1>Hello from ESP8266!</h1>\
    <p>SSID: %s</<p>\
    <p>Passwort: %s</<p>\
    <p>Temperatur: %s Grad</<p>\
    <p>Feuchtigkeit: %s %</<p>\
    <p>Zeit: %s </<p>\
    <div style=\"/width:180px;height:180px; border: 1px solid black;\" />\
         <a href=\"/http://alarm.meteocentrale.ch/index.html\" />\ alt=\"/Aktuelle Unwetterwarnungen für die Schweiz\" />\ title=\"/Aktuelle Unwetterwarnungen für die Schweiz\" />\
         <img src=\"/http://alarm.meteocentrale.ch/images/map/schweiz_preview.png\" />\ style=\"/border: 0;\" />\ alt=\"/Aktuelle Unwetterwarnungen für die Schweiz\" />\
         </a>\
    </div>\
  </body>\
</html>",

      ssid, password, packetBuffer, packetBuffer2, stringOne
   );
   server.send ( 200, "text/html", temp );
}


Aber irgendwie taucht die Grafik nicht auf, sondern es bleibt genau gleich wie vorher. Könnt ihr mir helfen?
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
25.04.2016, 21:52 (Dieser Beitrag wurde zuletzt bearbeitet: 25.04.2016 21:55 von rkuehle.)
Beitrag #2
RE: ESP8266 HTML Problem
Moin,
anbei mal der HTML-Code der bei mir (Firefox) die Grafik anzeigt.
Grüße Ricardo
Code:
<html>
  <head>
    <title>ESP8266 Demo</title>
    <style>
      body { background-color: #F7FF00; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }
    </style>
  </head>
  <body>
    <h1>Hello from ESP8266!</h1>
    <p>SSID: %s</<p>
    <p>Passwort: %s</<p>
    <p>Temperatur: %s Grad</<p>
    <p>Feuchtigkeit: %s %</<p>
    <p>Zeit: %s </<p>
    <div style="width:180px;height:180px; border: 1px solid black;" />
         <a href="http://alarm.meteocentrale.ch/index.html/" </a>
         <img src="http://alarm.meteocentrale.ch/images/map/schweiz_preview.png"
         style="border: 0;"
         alt="Aktuelle Unwetterwarnungen f&uuml;r die Schweiz"/>
    </div>
  </body>
</html>

ALT ist im wesentlichen nur für img - Sources verwendbar und erscheint wenn die Source nicht erreichbar / anzeigbar ist.
Grüße Ricardo

Nüchtern betrachtet...ist besoffen besser Big Grin
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
Antwort schreiben 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Datenübergabe zwischen Arduino Uno und ESP8266 bastelmichi 2 1.381 10.04.2018 15:05
Letzter Beitrag: Tommy56
  Spiffs Verwaltung -->> ESP...Datei Verwaltung für ESP8266, Nodemcu, Wemos, Sonoff Fips 1 216 01.04.2018 19:54
Letzter Beitrag: Tommy56
  ESP8266 esp-12e development board & BME280 falsche Werte Lurchi 8 1.841 25.03.2018 07:34
Letzter Beitrag: Fips
Lightbulb SPIFFS DOWNLOAD UPLOAD & DELETE Esp8266 NodeMCU Fips 30 4.184 23.03.2018 11:10
Letzter Beitrag: sfb2
Question ESP8266 E-Mail Versandt mit Library lakarder 7 429 18.03.2018 21:20
Letzter Beitrag: amithlon
  Esp8266 Software Version 2.4.1 Fips 10 630 12.03.2018 13:29
Letzter Beitrag: ardu_arne
  Grove UART WiFi (ESP8266) Modul georg01 2 239 10.03.2018 15:57
Letzter Beitrag: georg01
  ESP8266 , 28byj und Blynk Mich 14 749 04.03.2018 11:18
Letzter Beitrag: Mich
  ESP8266/ESP32 28BYJ-48 5V Stepper. MeisterQ 7 531 22.02.2018 19:59
Letzter Beitrag: Hilgi
  Baudrate bei ESP8266 WiFi n88 8 732 19.02.2018 04:14
Letzter Beitrag: ArduTux

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste