Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2201 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Programmation de differents capteurs HTML

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Programmation de differents capteurs HTML

n°2279408
mslmx13
Posté le 13-04-2016 à 17:58:37  profilanswer
 

Bonjour à tous, je suis confronté à un gros problème depuis de longues semaines et j'ai vraiment besoin d'aide. Je suis censé faire un programme qui m'afficherait sur une Page Web en HTML, la valeurs de différentes données de capteurs (température,luminosité,humidité...), mais le problème c'est que je n'arrive pas à faire une fonction qui pourrait tous les afficher en même temps sur la même page. Voilà le programme (ce programme est pour seulement 2 capteurs):

Code :
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <script data-main="www/libs/weioLibs"
  5.             src="www/libs/require.js"></script>
  6.     <link rel="stylesheet" type="text/css" href="myStyle.css">
  7.     <script>
  8.         function onWeioReady() {
  9.             setInterval(function() {
  10.             getTemperature(pinCallback);
  11.             }, 200);
  12.             setInterval(function() {
  13.             digitalRead(31,pinCallback);
  14.             }, 100);
  15.         }
  16.        
  17.             function pinCallback(data, callback) {
  18.             if (data.data==1) {
  19.                 $("#phrase" ).html("LA RUCHE EST OUVERTE<br/>"+"<br/>La température est de : <br/>"+ callback.data);
  20.                 $('body').css('background', 'red');
  21.                 $('body').css('text-align', 'center');
  22.             } else {
  23.                 $("#phrase" ).html("LA RUCHE EST FERMEE<br/>"+"<br/>La température est de :<br/>"+ callback.data);
  24.                 $('body').css('background', 'green');
  25.                 $('body').css('text-align', 'center');
  26.             }
  27.         }
  28.        
  29.     </script>
  30. </head>
  31. <body>
  32.     <p id="phrase" ></p>
  33. </body>
  34. </html>


 
data: donnée du capteur bouton poussoir(digitalRead)
 
callback: donnée du capteur de température(getTemperature)
 
Merci d'avance pour votre aide :)

mood
Publicité
Posté le 13-04-2016 à 17:58:37  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Programmation de differents capteurs HTML

 

Sujets relatifs
Insérer une image dans un tableau HTML envoyée par sendmailComment bien apprendre le HTML/CSS
Insérer des données CSV dans un graph sur une page CSS/HTMLRéduire poids images avant de les charger dans une page HTML
Réduire poids images avant de les charger dans une page HTMLGénérer un PDF à partir d'un tableau HTML
Programmation robot arduino[HTML + JAVA] probleme appli android ou navigateur
programmation d'une plage orientéeprogrammation d'une plage orientée
Plus de sujets relatifs à : Programmation de differents capteurs HTML


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR