Vorms

index.html

Feb 15th, 2021
59
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <script type="text/javascript" src="script.js"></script>
  4. <head>
  5.     <title>Serveur ESP32</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8" />
  7.     <link rel="stylesheet" type="text/css" href="w3.css">
  8.     <link rel="stylesheet" type="text/css" href="mycss.css">
  9. </head>
  10. <body onload=indexOnloadfunction()>
  11.     <div class="top">
  12.         <h2 class="titles">
  13.         <form name="form1" id='form1' action="#" class="container">
  14.             <ul>
  15.                 <label >Nom du module: </label>
  16.                 <input type='text' id="moduleName" size="20" maxLength="20""/>
  17.                 <input type="submit" value="Appliquer" onclick="changeModuleName()"/>  
  18.                 <input type="button" href="reglages.html" value="Aller à réglages" onclick="goToPageReglages()"/>
  19.             </ul>
  20.         </form>
  21.         </h2>
  22.     </div>
  23.     <div id="firstDiv">
  24.         <div id="firstOne">
  25.             <h3 class="titles">Paramètres IP</h3>
  26.             <form name="form1" id='form1' action="#" class="container">
  27.                 <ul>
  28.                     <li>
  29.                         <p>
  30.                             <label>adresse ip:</label>
  31.                             <input type='text' id='ipAddress' size="15" maxLength="15""/>
  32.                         </p>
  33.                     </li>
  34.                     <li>
  35.                         <p>
  36.                             <label>masque:</label>
  37.                             <input type='text' id='mask' size="15" maxLength="15"/>
  38.                         </p>
  39.                     </li>
  40.                     <li>
  41.                         <p>
  42.                             <label>gateway:</label>
  43.                             <input type='text' id='gateway' size="15" maxLength="15"/>
  44.                         </p>
  45.                     </li>
  46.                 </ul>            
  47.             </form>
  48.         </div>
  49.        
  50.         <div id="thirdTwo">
  51.             <h3 class="titles">Paramètres wifi</h3>
  52.             <form name="form1" id='form1' action="#" class="container">
  53.                 <ul>
  54.                     <li>
  55.                         <p>
  56.                             <label>Nom du wifi:</label>
  57.                             <input type='text' id='ssid' size="15" maxLength="15"/>
  58.                         </p>
  59.                     </li>
  60.                     <li>
  61.                         <p>
  62.                             <label>password:</label>
  63.                             <input type='text' id='password' size="15" maxLength="15"/>
  64.                         </p>
  65.                     </li>
  66.                 </ul>            
  67.             </form>
  68.         </div>     
  69.         <input type="submit" value="Appliquer" onclick="validateIpParameters()"/>                  
  70.     </div> 
  71.     <div id="secondDiv">
  72.         <h3 class="titles">Adresse RS422</h3>
  73.         <form name="form1" id='form1' action="#" class="container">
  74.             <ul>
  75.                 <li>
  76.                     <p>
  77.                         <label>adresse du node:</label> <input type='text' size="2" maxLength="2" id='nodeAddress'/>
  78.                     </p>
  79.                 </li>
  80.                 <li>
  81.                     <input type="submit" value="Appliquer" onclick="saveNodeAddress()"/>
  82.                 </li>
  83.             </ul>
  84.         </form>
  85.     </div>
  86.     <div id="thirdDiv">
  87.         <div id="thirdOne">
  88.             <h3 class="titles">Paramètres mécaniques</h3>
  89.             <form name="form1" id='form1' action="#" class="container">
  90.                 <ul>
  91.                     <li>
  92.                         <p>
  93.                             <label>position actuelle:</label>
  94.                             <input type='text' id='actualPosition' size="7" maxLength="7"/><label>centième de pouce</label>
  95.                         </p>
  96.                     </li>
  97.                     <li>
  98.                         <p>
  99.                             <label>démarrage moteur:</label>
  100.                             <input type='text' id='timeToStart' size="3" maxLength="3"/><label>ms</label>
  101.                         </p>
  102.                     </li>
  103.                     <li>
  104.                         <p>
  105.                             <label>vitesse du moteur:</label>
  106.                             <input type='text' id='motorSpeed' size="6" maxLength="6"/><label>pulses/sec</label>
  107.                         </p>
  108.                     </li>
  109.                     <li>
  110.                         <p>
  111.                             <label>inertie du moteur:</label>
  112.                             <input type='text' id='nbPulsesToStop' size="3" maxLength="3"/><label>pulses</label>
  113.                         </p>
  114.                     </li>
  115.                     <li>
  116.                         <p>
  117.                             <label>tolérance:</label>
  118.                             <input type='text' id='tolerance' size="4" maxLength="4"/><label>centième de pouce</label>
  119.                         </p>
  120.                     </li>
  121.                     <li>
  122.                         <p>
  123.                             <label>scale factor:</label>
  124.                             <input type='text' id='scaleFactor' size=6 maxLength="6"/><label>pulses par centième de pouces</label>
  125.                         </p>
  126.                     </li>
  127.                     <li>
  128.                         <p>
  129.                             <label>distance maximum:</label>
  130.                             <input type='text' id='maxRange'size="5" maxLength="5"/><label>pouces.centième de pouce</label>
  131.                         </p>
  132.                     </li>
  133.                     <li>
  134.                         <p>
  135.                             <label>Est-ce un axe circulaire ?</label>
  136.                             <input type='checkbox' id='isDeviceRotatif'/>
  137.                         </p>
  138.                     </li>
  139.                     <li>
  140.                         <input type="submit" value="Appliquer" onclick="saveMechanicals()"/>
  141.                     </li>
  142.                 </ul>
  143.             </form>
  144.         </div>
  145.         <div id="thirdTwo">
  146.             <h3 class="titles">Outils</h3>
  147.             <form name="form1" id='form1' action="#" class="container">
  148.                 <ul>   
  149.                     <div style="padding-top:10px; padding-bottom:10px;border: 3px solid #A0A0A0; text-align: center;background: #C0C0C0;">
  150.                     <h4 class="titles">Déplacements</h3>
  151.                         <li>
  152.                             <p>    
  153.                                     <label>Commander le moteur pour:</label>
  154.                                     <input type='text' id='runTime' size="7"/><label>milisecondes</label>
  155.                                     <label> sens:</label>
  156.                                     <input type='checkbox' id='sensDep'/>
  157.                                     <input style="margin: inherit" type="submit" value="Go!" onclick="runForA_GivenTime()"/>   
  158.                             </p>   
  159.                         </li>
  160.                         <li>
  161.                             <p>    
  162.                                     <label>Aller à la position:</label>
  163.                                     <input type='text' id='goToposB' name='goToposB' size="7"/><label>pouces.centièmes de pouce</label>
  164.                                     <input style="margin: inherit" type="submit" value="Go!" onclick="goToPos(goToposB)"/>     
  165.                             </p>
  166.                         </li>
  167.                         <p>
  168.                                 <label>Déplacement:</label>
  169.                                 <input type='text' id='moveInpuls' size="7" disabled /> <label> impulsions</label>
  170.                                 <input type='text' id='moveInches' size="7" disabled /> <label> pouces</label>
  171.                                 <label>Inertie:</label>
  172.                                 <input type='text' id='inertia' size="7" disabled /> <label> impulsions</label>
  173.                         </p>
  174.                     </div>
  175.                     <div style="padding-top:10px; padding-bottom:10px;border: 3px solid #A0A0A0; text-align: center;background: #C0C0C0;">
  176.                         <h4 class="titles">Relais</h3>
  177.                         <li>
  178.                             <p>    
  179.                                     <label>Commander le relais 'marche':</label>
  180.                                     <input type='checkbox' id='marcheRelay'/>
  181.                                     <input style="margin: inherit" type="submit" value="Go!" onclick="runMarche()"/>           
  182.                             </p>
  183.                         </li>
  184.                         <li>
  185.                             <p>        
  186.                                     <label>Commander le relais sens:</label>
  187.                                     <input type='checkbox' id='sensRelay'/>
  188.                                     <input style="margin: inherit" type="submit" value="Go!" onclick="runSens()"/>         
  189.                             </p>
  190.                         </li>
  191.                         <li>
  192.                             <p>        
  193.                                     <label>Commander la led:</label>
  194.                                     <input type='checkbox' id='led'/>
  195.                                     <input style="margin: inherit" type="submit" value="Go!" onclick="runLed()"/>          
  196.                             </p>
  197.                         </li>
  198.                     </div>
  199.                 </ul>
  200.             </form>
  201.         </div>
  202.     </div>
  203. </body>
  204. </html>
  205.  
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×