page HTML avec variable de l'ESP

**djbouns** · 30/09/2018, 19h43

Bonjour,

Je suis sur la partie "page web" de mon projet
je n’arrive pas a incrémenter mes variable dans la page HTML.
Le fichier.HTML est stocker dans la mémoire flash de l'ESP.
ces variables son fix après ouverture de la page.
Y a t'il un moyen simple pour les afficher ?
Forcement en Ajax ? :/

Merci

**Ikhar84** · 30/09/2018, 21h55

Salut !
Bienvenue chez les informaticiens !
HTML n'est pas capable de "calculer" (incrementer) ni même de mettre à jour un affichage dynamique, il faut que tu généres du HTML a partir d'un langage plus "evolué" ou embarquer du javascript pour aller récupérer ces données sur un service web par exemple et modifier dynamiquement dynamiquement les élements concernés de ta page web (comme tu dois l'avoir deviné).

Ton serveur supporte quels langages ?
Et comment sont stockés/recupérés pour être affichées tes variables ?

**djbouns** · 30/09/2018, 22h10

Bonsoir Ikhar84,

Je m'en doutais :/

Ton serveur supporte quels langages ?

Oula ... je code l'ESP (wemos d1 mini) avec l'IDE arduino et je fait ma page HTML avec bluegriffon.
Je suis pas sur d'avoir répondu a la question ...

Et comment sont stockés/récupérés pour être affichées tes variables ?

Les variable sont demandé a l'arduino. L'arduino envois une structure de variables a l'ESP.
Il faut "juste" que ces variables apparaisse dans le .HTML
J'ai passer l’après midi a testé Ajax mais sans succès

**Ikhar84** · 30/09/2018, 22h35

Tu as vu cette page par exemple, histoire de voir comment est généré à la volée le HTML?

Je pense en particulier à cette partie:

Code:

String s = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\nGPIO is now ";
s += (val)?"high":"low";
s += "</html>\n";

A voir en vidéo sur Futura · Aujourd'hui

**djbouns** · 30/09/2018, 22h45

oui mais justement je n'utilise pas la classe "string puisque le html est en flash.
L'exemple que tu me montre est utile lorsque le page html se trouve dans le sketch arduino.
J'ai déjà fait des petit code de cette façon :

Code:

client.print(variable.seconde);
client.print(F("</div><br>"));
client.print(F("<FONT size= 6px>\r\n"));
client.print(F("<table style=\"text-align: center;background-color: LightBlue;\"border=\"3\"><tbody><tr><td text-align:=\"\"center=\"\"style=\"height: 22px;\">"));
client.print(F("<span style=\"color: MediumBlue;\">Température aquarium :</span><font color=\"red\">"));
client.print(variable.temperatureBac);
client.print(F(" °</font></td></tr><tr><td style=\"height: 20px;\"><span style=\"color: MediumBlue;\">Température rampe :</span> <font color=\"red\">"));
client.print(variable.temperatureRampe);

La, j'ai mon sketch d'un coté et la page html "pur" de l'autre :

Code HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252">
    <title>AQUABOUNS</title>
    <style>
      .button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 30px;
  cursor: pointer;
  text-align: center;
  color: MediumBlue;
  background-color: #3ffd00;
  border: none;
  border-radius: 20px;
  box-shadow: 0 5px #999;
}
.button:hover {background-color:#33cc00}
.button:active {
  background-color: #33cc00;
  box-shadow: 0 10px #666;
  transform: translateY(20px);
}
      
      <table, TD, TH {border: 4px solid>}
      body{background-color: LightBlue ;color: MediumBlue ;font-family: Comic Sans MS;font-size: 35px; white-space: nowrap}
</style> </head>
  <body>
    <h1 style="text-align: center;font-family: Comic Sans MS;font-size: 80px; text-shadow: 5px 4px DodgerBlue ;border: 2px solid red; color: MediumBlue;">AQUABOUN'S
      <font size="6px">v1.2</font></h1>
    <div style="text-align: center;">18H42<span style="color: #000099;">s12</span></div>
    <br>
    <center style="background-color: LightBlue;">
      <table style="text-align: center;background-color: LightBlue;" border="3">
        <tbody>
          <tr>
            <td text-align:="" center="" style="height: 22px;"> <span style="color: MediumBlue;">Température
                aquarium :</span> <font color="red">%$MAVARIABLE °</font></td>
          </tr>
          <tr>
            <td style="height: 20px;"><span style="color: MediumBlue;">Température
                rampe :</span> <font color="red">%$MAVARIABLE °</font></td>
          </tr>
          <tr>
            <td><span style="color: MediumBlue;">Puissance blanc :</span> <font

                color="red">%$MAVARIABLE %</font></td>
          </tr>
          <tr>
            <td><span style="color: MediumBlue;">Puissance bleu :</span> <font

                color="red">%$MAVARIABLE %</font></td>
          </tr>
          <tr>
            <td><span style="color: MediumBlue;">Puissance brassage :</span> <font

                color="red">%$MAVARIABLE %</font></td>
          </tr>
          <tr>
            <td><span style="color: MediumBlue;">PH bac :</span> <font color="red">%$MAVARIABLE</font></td>
          </tr>
          <tr>
            <td><span style="color: MediumBlue;">PH Rac :</span> <font color="red">%$MAVARIABLE</font></td>
          </tr>
        </tbody>
      </table>
      <br>
      <button class="button" value="/admin">Admin</button></center>
  </body>
</html>

et il faut que j'arrive a incrementé mes variables a la place de "%$MAVARIABLE"

**djbouns** · 01/10/2018, 15h22

J'ai reussi

https://youtu.be/KR0aeTU9Gjw

page HTML avec variable de l'ESP

page HTML avec variable de l'ESP

Re : page HTML avec variable de l'ESP

Re : page HTML avec variable de l'ESP

Re : page HTML avec variable de l'ESP

Re : page HTML avec variable de l'ESP

Re : page HTML avec variable de l'ESP

Discussions similaires

[Programmation] Code HTML avec un ESP8266 - rafraichir une page Web - Arduino

Base de données, page html

Copie de page html ?

front page et html

Inserer video sur page HTML ?