www.elektronik.si Seznam forumov www.elektronik.si
Forum o elektrotehniki in računalništvu
 
 PomočPomoč  IščiIšči  Seznam članovSeznam članov  SkupineSkupine  StatisticsStatistika  AlbumAlbum  DatotekeFilemanager DokumentacijaDocDB LinksPovezave   Registriraj seRegistriraj se 
  PravilaPravila  LinksBolha  PriponkePriponke  KoledarKoledar  ZapiskiZapiski Tvoj profilTvoj profil Prijava za pregled zasebnih sporočilPrijava za pregled zasebnih sporočil PrijavaPrijava 

ESP: HTML stran s spremenljivkami

 
Objavi novo temo   Odgovori na to temo   Printer-friendly version    www.elektronik.si Seznam forumov -> Arduino sekcija
Poglej prejšnjo temo :: Poglej naslednjo temo  
Avtor Sporočilo
damo
Član
Član



Pridružen-a: Čet 31 Jul 2003 13:45
Prispevkov: 2008
Aktiv.: 9.04
Kraj: Krško

PrispevekObjavljeno: Čet Sep 27, 2018 7:02 am    Naslov sporočila:  ESP: HTML stran s spremenljivkami Odgovori s citatom

Ojla,

imam vprašanje iz HTML.

Iščem bolj eleganten način, kako z ESP prikazati HTML stran, ki vsebuje statični text in vrednosti spremenljivk.

Do sedaj imam deklariran global "String s;", ki mu na začetku (v setup{}) ) rezerviram mesto z "s.reserve(2500);". Nato sestavim string v obliki html kode (fiksni texti so v romu z uporabo F("blablabla") in pošljem clientu.

Idealno bi bilo, če bi lahko poslal fiksni html, nato pa še spremenljivi del, ki bi vseboval samo vrednosti spremenljivk. Poskušam z uporabo "id" v html, pa me zanima še kakšna (enostavna) varianta.

Vse to delam zato, da bi sprostil malo rama, ki mi ga je požrlo že 75%, kar je že skoraj maksimum, da nimaš težav s stabilnostjo.

_________________
Dobrga štromarja samo slab šnops strese!
Nazaj na vrh
Skrit Poglej uporabnikov profil Pošlji zasebno sporočilo
tilz0R
Član
Član



Pridružen-a: Čet 31 Maj 2012 15:39
Prispevkov: 898
Aktiv.: 6.24
Kraj: Črnomelj

PrispevekObjavljeno: Čet Sep 27, 2018 6:01 pm    Naslov sporočila:   Odgovori s citatom

Dvomim, da kdo ve kaj je to s.reserve.
Ena opcija so SSI tahi, ena recimo je, da staticno stran posljes, potem pa ajax naredi in pridobi dinamiko v drugem requestu.

_________________
Knowledge sharing is caring.
majerle.eu | stm32f4-discovery.net
Nazaj na vrh
Odsoten Poglej uporabnikov profil Pošlji zasebno sporočilo Obišči avtorjevo spletno stran
miharix
Član
Član



Pridružen-a: Tor 18 Dec 2012 9:59
Prispevkov: 403
Aktiv.: 2.94
Kraj: LJ

PrispevekObjavljeno: Čet Sep 27, 2018 11:18 pm    Naslov sporočila:   Odgovori s citatom

SPIFFS na njem pa html + css + json + JavaScript + opcijsko za real time posodobitve vzpostaviš WebSocket.
Nazaj na vrh
Skrit Poglej uporabnikov profil Pošlji zasebno sporočilo Obišči avtorjevo spletno stran
mato1111
Član
Član



Pridružen-a: Pet 28 Dec 2012 14:42
Prispevkov: 610
Aktiv.: 4.45
Kraj: Vrhnika

PrispevekObjavljeno: Čet Jul 15, 2021 6:25 pm    Naslov sporočila:   Odgovori s citatom

Zdravo ukvarjam se z ESP.
na spletni strani imam takle form:
Koda:
<form action="/settings" method="GET">
Checkbox: <input type="Checkbox" id="cbox" name="cbox">
<input type="submit" value="Save"></form>


Rad bi naredil, da se ob pritisku na gumb Save za kaksne 2s pokaze sporocilo "Settings saved" in potem izgine. Trenutno imam narejeno tako, da se ob pritisku na Save ponovno nalozi stran /settings pa se mi zdi da manjka nek tak "feedback" ko pritisnem Save.
Nazaj na vrh
Odsoten Poglej uporabnikov profil Pošlji zasebno sporočilo
miharix
Član
Član



Pridružen-a: Tor 18 Dec 2012 9:59
Prispevkov: 403
Aktiv.: 2.94
Kraj: LJ

PrispevekObjavljeno: Čet Jul 15, 2021 6:49 pm    Naslov sporočila:   Odgovori s citatom

Imaš vsaj 2 poti:

Bolj šminkersko a več časa
1. Javascript pa se igaš kakor hočeš od tega da ti onemogoči gumb save, kaj napiše, pobarva...

Minimalistično a super hitro implementirano
2. ko klikneš na strani 1 save ti odpre stran 2 na kateri je sporočilo ter meta značka za samodejni redirect po določenem času na stran 1 (ali kam drugam)

Koda:
<meta http-equiv="refresh" content="5; URL=https://www.elektronik.si/" />
Nazaj na vrh
Skrit Poglej uporabnikov profil Pošlji zasebno sporočilo Obišči avtorjevo spletno stran
mato1111
Član
Član



Pridružen-a: Pet 28 Dec 2012 14:42
Prispevkov: 610
Aktiv.: 4.45
Kraj: Vrhnika

PrispevekObjavljeno: Pon Jul 19, 2021 2:05 pm    Naslov sporočila:   Odgovori s citatom

Zanima me kako se naredi funkcijo (če je sploh mogoče) v JavaScript ki bi zgenerirala nekaj takih vrstic v tabeli:
Koda:
<td><input type="checkbox" id="A1" name="A1" value="true" %A1%></td>
<td><input type="number" min="0" max="23" id="STH1" name="STH1" value=%STH1%></td>

Spreminjati se morajo tudi indeksi v imenih v vsaki vrstici sepravi A1, A2, A3... in STH1, STH2, STH3,...
Nazaj na vrh
Odsoten Poglej uporabnikov profil Pošlji zasebno sporočilo
mosqito
Član
Član



Pridružen-a: Čet 07 Apr 2016 23:22
Prispevkov: 3220
Aktiv.: 33.18

PrispevekObjavljeno: Pon Jul 19, 2021 2:28 pm    Naslov sporočila:   Odgovori s citatom

Predlagam, da si pogledaš jQuery. Je zelo uporabno.

Tule imaš primer za tvoj problem:
https://www.geeksforgeeks.org/how-to-make-html-table-expand-on-click-using-javascript/

Na JSfiddle pa lahko takoj preizkušaš, če deluje tako, kot si si zamislil.

Gornji primer...
https://jsfiddle.net/mtcx29ou/

_________________
Always going the extra mile.
Nazaj na vrh
Odsoten Poglej uporabnikov profil Pošlji zasebno sporočilo
mato1111
Član
Član



Pridružen-a: Pet 28 Dec 2012 14:42
Prispevkov: 610
Aktiv.: 4.45
Kraj: Vrhnika

PrispevekObjavljeno: Sre Okt 20, 2021 5:45 pm    Naslov sporočila:   Odgovori s citatom

Imam nek checkbox v html.
Rad bi da se mi prikazuje stanje (on/off) LEDice v "realnem" času oz. da se stanje osvežuje na 2 sekundi.
Našel sem nek prmer ki sem ga sprobal. Stvar dela za en checkbox jaz pa bi rabil isto narediti za 4.
Script funkcija ki osvežuje zgleda takole:
Koda:
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var inputChecked;
      if( this.responseText == 1){
        inputChecked = true;
      }
      else {
        inputChecked = false;
      }
      document.getElementById("output=1").checked = inputChecked;
    }
  };
  xhttp.open("GET", "/state", true);
  xhttp.send();
}, 2000 ) ;

Ker se mi ne sanja kaj zgornji del kode sploh naredi bi rabil malo (veliko) pomoči.
Moram napisati 4 ločene funkcije, vsaka za svoj checkbox ali se da to dodati kar skupaj že v to obstoječo?

Koda v arduino (uporaba ESPAsyncWebServer knjižnice) pa izgleda takole:
Koda:
server.on("/state", HTTP_GET, [] (AsyncWebServerRequest *request) { //Ko dobim zahtevek /state vrnem stanje ledice
    request->send(200, "text/plain", String(digitalRead(LED_BUILTIN)).c_str());
  });

V tem primeru mi ESP vrača vrednost že vgrajene LEDice (0 oz 1)
Nazaj na vrh
Odsoten Poglej uporabnikov profil Pošlji zasebno sporočilo
Pokaži sporočila:   
Objavi novo temo   Odgovori na to temo   Printer-friendly version    www.elektronik.si Seznam forumov -> Arduino sekcija Časovni pas GMT + 2 uri, srednjeevropski - poletni čas
Stran 1 od 1

 
Pojdi na:  
Ne, ne moreš dodajati novih tem v tem forumu
Ne, ne moreš odgovarjati na teme v tem forumu
Ne, ne moreš urejati svojih prispevkov v tem forumu
Ne, ne moreš brisati svojih prispevkov v tem forumu
Ne ne moreš glasovati v anketi v tem forumu
Ne, ne moreš pripeti datotek v tem forumu
Ne, ne moreš povleči datotek v tem forumu

Uptime: 48 dni


Powered by phpBB © 2001, 2005 phpBB Group