Discussion :

[sergio1958]

Bonjour a tous
voici mon probleme d'aujourd'hui , dans ce bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
// sensor data
client.print("<FONT SIZE=70>Humidity:</FONT> ");
client.print(h);
client.print(("% "));
 client.println("<br><br><br><br><br><br>");
 
client.print("<FONT SIZE=70>Temperature: </FONT> ");
client.print(t);
client.print(char(176));
client.print("C ");

je ne sais pas comment augmenter la taille de la police , pour obtenir la meme taille de police Humidiy et temperature

[Auteur]

Bonjour,

Avec la fonction sprintf tu peux formater des chaines de caractères :

si h est un entier (%d)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
char buffer[255];
 
sprintf(buffer, "<div style=\"font-size:15px\">Humidité : %d %</div>", h);
client.println(buffer);

si h est un flottant (utilisation de %f)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
char buffer[255];
 
sprintf(buffer, "<div style=\"font-size:15px\">Humidité : %.2f %</div>", h);
client.println(buffer);

https://cplusplus.com/reference/cstdio/printf/
https://cplusplus.com/reference/cstdio/sprintf/

[sergio1958]

Super merci , c'est ok

[sergio1958]

Bonsoir , Désolé j'ai de nouveau un soucis pour changer la taille de la police de : tempC qui est de type int

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    tempC = Lecture_Temperature_Eau ();

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 client.println("<br><br><br><br>");  
  client.println("<FONT SIZE=70>Le Secteur est :</FONT>");
  client.println("");
  client.print("<FONT SIZE=70>En Route</FONT>");
  client.println("<br><br><br><br>");  
  client.print("<FONT SIZE=70>L'eau est a: </FONT>");
// Je voudrais ici  afficher la temperature de l'eau a la meme taille   c.a.d 70

ce bout de code est une partie d'une page WEB sans prétention hébergée sur un ESP8266, qui me permet de surveiller sur mon portable les différents paramètres d'un aquarium.
Voila j'espére avoir été clair dans ma demande
je me debrouille en c, mais pour ce qui est du html et css , c'est pour moi tout nouveau et je patauge . Je ne trouve pas de littérature sur le net pour me documenter , ce que je trouve c'est pur HTML et/ou CSS.
Mais rien sur comment gerer du HTML depuis du C, si vous avez des pistes , je suis preneur.

[Auteur]

IL y a plusieurs éléments dans le problème :

- le HTML et le CSS qui mettent en forme une page web. Ce sont des langages interprétés par le navigateur.
- le C++ qui sert à programmer le microcontrôleur et va envoyer le code de la page web (html+css) au navigateur par la commande client.print();

Comme je l'ai indiqué le mieux pour mettre en forme les éléments est d'utiliser les balises <div>. Un simple bloc :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>

(texte latin ci-dessus : https://fr.wikipedia.org/wiki/Lorem_ipsum)

pour modifier son style, on utilise l'attribut "style" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="font-family:sans-serif; font-size:15px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>

https://www.w3schools.com/html/html_basic.asp
https://www.w3schools.com/tags/tag_div.ASP
https://www.w3schools.com/html/html_styles.asp
https://www.w3schools.com/html/html_css.asp

Il y a aussi les forums HTML et CSS :
https://www.developpez.net/forums/f3...alidation-w3c/
https://www.developpez.net/forums/f4...mise-page-css/

Maintenant pour insérer des valeurs calculées par le microcontrôleur dans un champ texte (ici le code HTML), on utilise une fonction, sprintf() et une syntaxe C++ :

Code c++ :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
char buffer[255]; // chaine de caractères qui contiendra le code html
float h;
int tempC;
 
sprintf(buffer, "<div style=\"font-size:15px\">Humidité : %.2f %</div>", h);
client.println(buffer);
sprintf(buffer, "<div style=\"font-size:15px\">Température: %d %</div>", tempC);
client.println(buffer);

le "%f" et "%d" sont des "specifiers" (je ne connais pas le mot français désolé) C++ qui indique qu'à cet endroit du texte, j'insère un floattant avec 2 chiffres après la virgule (%.2f) et un entier (%d). Voici une liste :
https://cplusplus.com/reference/cstdio/printf/

[sergio1958]

Merci ça marche enfin comme je souhaite, mais j'ai encore beaucoup a apprendre, je ne suis pas au bout de mon projet