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:
  • 0 Bewertungen - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
HTML Code into Esp 32 AccessPoint
27.02.2020, 09:19
Beitrag #17
RE: HTML Code into Esp 32 AccessPoint
(24.02.2020 15:13)Tommy56 schrieb:  Da Dein Code zeigt, dass Du unsere Ratschläge ignorierst, warum sollen wir Dir noch weitere Tipps zum Ignorieren geben?

Ansonsten:
Stelle Deinen Sketch bitte direkt hier ins Forum. Benutzte dazu Codetags.
Wie das geht, steht hier.

Gruß Tommy


Hallo,

ich habe jetzt den AccessPoint und den HTML Code Drinne

nur leider bekomme ich den Zeilenumbruch im Arduino für die Buttons nicht hin.

der command lautet ja <p> bzw </p> fürs abschliesen doch leider führt dies nicht zum gewünschten ergebnis

Code:
// Load Wi-Fi library
#include <WiFi.h>
#include <WebServer.h>

WebServer server(80);

IPAddress local_ip(192, 168, 1, 1);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);

char *indexHTML = "<!DOCTYPE html>\
<html lang=\"en\">\
<head>\
<meta charset=\"UTF-8\">\
<meta \name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\
<meta http-equiv =\"X-UA-Compatible\" content=\"ie=edge\">\
<title>DALI - Master Programmer</title>\
<style>\
html{\
height: 100%;\
}\
body{ \
  \display: flex;\
  flex - flow: row nowrap;\
  justify - content: center;\
  align - items: center;\
  margin: 0;\
  \min - height: 100%;\
  background: #eeeeee;\
  font: 400 1rem/1.7 'Segoe UI', sans-serif;\
}\
main{\
  flex: 0 1 \auto;\
  \display: flex;\
  flex - flow: column nowrap;\
  margin: 2rem;\
  padding: 2rem 3rem;\
  border - radius: 1rem;\
  background: #ffffff;\
  text - align: center;\
  box - shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.25);\
}\
h1{\
  font-\size: 1.5rem;\
}\
a.btn{\
  flex: 0 0 \auto;\
  margin: 0.5rem 0;\
  padding: 0.5rem 1rem;\
  border: 0.1rem solid #000000;\
  color: inherit;\
  text-decoration: none;\
  transition: all ease 100ms;\
}\
a.btn:hover{ \
  background: #000000;\
  color: #ffffff;\
  transition: all ease 300ms;\
}\
</style>\
</head>\
<body>\
<main>\
<h1>DALI-Master-Programmer</h1>\
<a href=\"./panel.html\"class =\"btn\">Neue Adresse</a>\
<a href=\"./panel.html\"class =\"btn\">Adresse hinzufügen</a>\
<a href=\"./panel.html\"class =\"btn\">Test</a>\
</main>\
</body>\
</html>";





// Wlan Name,Passwort Zugangsbeschränkung
const char* ssid = "DALI-Master-Programmer";
const char* password = "ROM-Technik";
const int max_connection = 1;


// Setzen der Portnummer des Servers
//WiFiServer server(80);

//Variable die HTTP-Anfrage zu speichern
String header;

void setup() {
  Serial.begin(115200);



  // Stellt Verbindung zum Wlan mit SSID und Passwort her
  Serial.print("Setting AP (Access Point)…");

  //Setzen der SSID und des Passworts
  WiFi.softAP(ssid, password, max_connection);
  WiFi.softAPConfig(local_ip, gateway, subnet);

  //Ausgabe auf Seriellen Monitor ( IP Adresse )
  //IPAddress IP = WiFi.softAPIP();
  Serial.print("AP IP address: ");
  //  Serial.println(IP);

  server.on("/", handle_root);


  //Starten des Servers
  server.begin();
  delay(100);
}

void loop() {
  

  server.handleClient();


}



void handle_root() {
  server.send(200, "text/html", indexHTML);
}

Auf der reinen HTML Seite wird mir der Code sauber dargestellt mit Zeilenumbruch etc nur leider hier nicht.

Evtl könntet ihr mir meinen Fehler sagen.

Mfg Hannes
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
27.02.2020, 10:28
Beitrag #18
RE: HTML Code into Esp 32 AccessPoint
Meinst du die Zeilenumbrüche von deinem HTML-Code? Also wenn du auf die Seite gehst und dir den HTML-Code anzeigen lässt?

Falls ja, dann schau mal hier: https://jameshfisher.com/2016/11/30/c-mu...e-literal/
Da musst du jede Zeile in Anführungszeichen setzen.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
27.02.2020, 10:41
Beitrag #19
RE: HTML Code into Esp 32 AccessPoint
(27.02.2020 10:28)biologist schrieb:  Meinst du die Zeilenumbrüche von deinem HTML-Code? Also wenn du auf die Seite gehst und dir den HTML-Code anzeigen lässt?

Falls ja, dann schau mal hier: https://jameshfisher.com/2016/11/30/c-mu...e-literal/
Da musst du jede Zeile in Anführungszeichen setzen.

Vielen Dank,

das Problem ist wenn ich den HTML Code alleine nehme zeigt er mir alles so an wie ich es möchte. Saubere Zeilenumbrüche alles schön untereinander und mittig platziert.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
27.02.2020, 10:50 (Dieser Beitrag wurde zuletzt bearbeitet: 27.02.2020 10:51 von biologist.)
Beitrag #20
RE: HTML Code into Esp 32 AccessPoint
Ist halt primär ne kosmetische Sache, dem Browser sind die Zeilenumbrüche ja egal. Es gibt allerdings auch Fälle, in denen es schon von Relevanz ist. So habe ich letzte Woche zB auch ein html-File (rund 15kB) in ein Progmem-char-Array transformiert (ich mache das allerdings mit nem Script, weil mir das händisch zu doof ist: https://github.com/biologist79/Tonuino-E...essHtml.py

Das kam auch einzeilig raus wie bei dir, was mir erstmal egal war. Problem war jedoch: Es war Javascript-Code drin und ich habe ganz am Anfang zum Testen mit // was auskommentiert. Ich hab dann über ne Stunde gesucht, bis ich rausgefunden hatte, warum mein ganzer Javascript-Code nicht mehr funktioniert. Tja, in der einzeiligen Darstellung kommentiert man halt den gesamten JS-Code, der dann folgt, aus :-> Hab ich mir ein schööönes Ei ins Nest gelegt :-) Kann man halt umgehen, in dem man mit /* */ arbeitet oder eben, wie du es möchtest, alles schön formatiert anzeigt.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
Antwort schreiben 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  HTML Form mit Node MCU einlesen louard 5 712 21.07.2020 09:30
Letzter Beitrag: louard
Question Wie vom code aus url im Browser aufrufen? Triax16 9 1.323 06.05.2020 14:04
Letzter Beitrag: Tommy56
  Manchester Code De/Codierung TechnikerHannes 12 2.253 28.11.2019 14:32
Letzter Beitrag: TechnikerHannes
  Wemos D1 mini DS18S20 Accesspoint gimbel 6 2.640 09.09.2018 21:12
Letzter Beitrag: Tommy56
  ESP32 ADC Spannungsmessung und HTML Messuhr-Indikator mischaka 3 4.605 24.04.2018 21:33
Letzter Beitrag: Tommy56
  Bild in eine html Seite auf einem ESP8266 einfügen rockzm 1 3.704 06.04.2017 14:57
Letzter Beitrag: Tommy56
  ESP8266 HTML Problem arduino_weatherstation 1 3.218 25.04.2016 21:52
Letzter Beitrag: rkuehle

Gehe zu:


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