Besoin aide pour bouton html / arduino

Fermé
kyozeur Messages postés 2 Date d'inscription jeudi 10 février 2022 Statut Membre Dernière intervention 10 février 2022 - Modifié le 10 févr. 2022 à 16:58
kyozeur Messages postés 2 Date d'inscription jeudi 10 février 2022 Statut Membre Dernière intervention 10 février 2022 - 10 févr. 2022 à 18:27
Bonjour, j'ai un problème avec mon code en Html. Mon projet est de créer un site internet pour contrôler une voiture, mais je ne peux pas modifier la taille des boutons. Est-ce que vous savez comment faire ? Merci.

Le code:

#include <Ethernet.h>                                                   //intégrer la librairie ETHERNET

String request ;
IPAddress ip(192, 168, 3, 254) ; //donner l'adresse IP du routeur
byte mac [6] = {0x54, 0x34, 0x41, 0x30, 0x30, 0x31}; //donner l'adresse MAC de l'appareil
EthernetServer server(80); //donner le port de du serveur
EthernetClient client; //créer un client qui envoie des demandes au serveur en se connectant sur l'adresse IP et MAC données

void setup(){
Serial.begin(9600); //démarrer la connexion entre l'ordinateur et l'arduino
Serial.println(F("Veuillez patienter, le système démarre...")); //marquer dans le moniteur série

Ethernet.begin(mac, ip); //assembler l'adresse IP et l'adresse MAC pour préparer la demande d'adresse IP alloué par le routeur

while (!Ethernet.begin(mac)) { //tant que le site n'est pas démarré
Serial.println(F("echec de connexion, nouvelle tentative...")); //écrire dans le moniteur série
delay(1000); //attendre 1s
}

server.begin(); //démarrer le serveur
Serial.print(F("Connectez vous sur ce site: ")); //écrire dans le moniteur serie
Serial.println(Ethernet.localIP()); //écrire l'adresse IP alloué par le routeur dans le moniteur série
}


void loop(){
client = server.available(); //définir l'état du serveur sur client
clientRequest(); //préparer l'envoie des requëtes
handleRequest();
}


void clientRequest( ) {
if (!client) { //si le serveur n'est pas disponible
return; //retourner au debut de la boucle
}

request = client.readStringUntil('\r'); //mettre la lecture des requêtes dans request
}

void handleRequest( ) {

if (request.indexOf("/pin9haut") > 0) { //si le bouton haut est touché
Serial.println("La voiture avance"); //écrire dans le moniteur serie
digitalWrite(9, HIGH); //activer la broche 9
delay(1000); //attendre 1s
digitalWrite(9, LOW); //éteindre la broche 9
}

if (request.indexOf("/pin6gauche") > 0) { //si le bouton gauche est touché
Serial.println("La voiture tourne à gauche"); //écrire dans le moniteur serie
digitalWrite(6, HIGH); //activer la broche 6
delay(1000); //attendre 1s
digitalWrite(6, LOW); //éteindre la broche 6
}

if (request.indexOf("/pin5droite") > 0) { //si le bouton droite est touché
Serial.println("La voiture tourne à droite"); //écrire dans le moniteur serie
digitalWrite(5, HIGH); //activer la broche 5
delay(1000); //attendre 1s
digitalWrite(5, LOW); //éteindre la broche 5
}

if (request.indexOf("/pin12bas") > 0) { //si le bouton bas est touché
Serial.println("La voiture recule"); //écrire dans le moniteur serie
digitalWrite(4, HIGH); //activer la broche 12
delay(1000); //attendre 1s
digitalWrite(4, LOW); //éteindre la broche 12)
}

if (request.indexOf("GET") >= 0) {
webpage(client);
client.stop();
}

}
//----------------------------------------------------------------------------------------------------
void webpage(EthernetClient client) {
client.println(F("HTTP/1.1 200 OK"));
client.println(F("Content-Type: text/html"));
client.println();
client.print(F("<h1 style='color : red;'><center> Controle de voiture de securite </center></h1>"));
client.print(F("<hr/><hr>"));
client.println("<center>");
client.print(F("<h1 style='color : orange;'><center> Controle </center></h1>"));
client.print(F("<a href='/pin9haut'><button>Moteur haut </button></a><br />"));
client.print(F("<a href='/pin6gauche'><button>moteur gauche </button></a>"));
client.print(F("<a href='/pin5droite'><button>Moteur droit </button></a><br />"));
client.print(F("<a href='/pin12bas'><button>Moteur bas </button></a><br />")); //TOUTE CETTE PARTIE CORRESPOND A L'AFFICHAGE SUR LE SITE
client.print(F("<hr/><hr>"));
client.print(F("<h1 style='color : white;'><center> Valeur capteur humidite </center></h1>"));
client.print(F("HS"));
client.print(F("<hr/><hr>"));
client.print(F("<h1 style='color : white;'><center> Valeur capteur temperature </center></h1>"));
client.print(F("HS"));
client.print(F("<hr/><hr>"));
client.print(F("<h1 style='color : white;'><center> Valeur capteur CO2 </center></h1>"));
client.print(F("HS"));
client.print(F("<hr/><hr>"));
//----------------------------------------------------------------------------------------------------
}


Le site:

A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
10 févr. 2022 à 17:08
Bonjour,

Tu as essayé d'ajouter un style css ?
client.print(F("<a href='/pin9haut'><button style='padding: 10px 15px;'>Moteur haut </button></a><br />"));
0
kyozeur Messages postés 2 Date d'inscription jeudi 10 février 2022 Statut Membre Dernière intervention 10 février 2022
10 févr. 2022 à 18:27
J'essairais plus tard, merci. Je ne savais pas où mettre le "style".
0