The esp8266 portion of the project
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!-- <!DOCTYPE html> --> <html>
<head> <title>Manual Mode</title> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#00878f"> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'> <meta charset="utf-8">
<script src="loadMenu.js" defer></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module"></script>
<link href='main.css' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="colors.css"> </head>
<body> <div id="navigation"></div> <div class="container"> <div class="shadow-lg p-3 mb-5 bg-white rounded"> <header> <div class="container"> <div class="row"> <div class="col"> <div class="mt-3 pt-5"> <h2 class="display-4 text-center"> Manual Settings </h2> </div> </div> </div> </div> </header>
<section> <div class="container"> <div class="row"> <div class="col-lg-6 offset-lg-3"> <div class="card text-white bg-ternary mb-3 card-form rounded mx-auto" id="manual-card"> <div class="card-body"> <div class="card-text text-center"> <form id="manual-form"> <div class="mb-4 mt-2"> <div class="form-check form-check-inline"> <input class="form-check-input" id="yes" type="radio" name="manual" value="True"> <label class="form-check-label" for="yes">Yes</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" id="no" type="radio" name="manual" value="False" checked> <label class="form-check-label" for="no">No</label> </div> </div> <div class="form-group"> <button class="form-control" class="button">Submit</button> </div> </form> </div> </div> </div> </div> </div> </div> </section> </div> </div>
<script type="text/javascript"> var myForm = document.getElementById('manual-form'); myForm.addEventListener('submit', function(e) { e.preventDefault(); //var data = JSON.stringify(formData(myForm)); loadJSON(formData(myForm)); })
function formData(form) { // var el = form.querySelectorAll('input[type="text"]'); // var manualRadios = document.getElementsByName('manual').value; var manualValue = document.querySelector('input[name="manual"]:checked').value;;
var myData = ''; myData += 'manual' + '=' + manualValue; // for (var x = 0; x < el.length; x++) { // var name = el[x].name; // var value = el[x].value; // //myData[name] = value; // myData += name + '=' + value + '&' // } // return myData.slice(0, -1); return myData; }
function loadJSON(data) { const url = 'manualMode.html'; console.log(data) const myData = data fetch(url, { method: 'post', headers: { "Content-type": "application/x-www-form-urlencoded; charset=UTF-8" }, body: myData }) // .then(function (response) { // return response.json() // }).then(function (data) { // console.log(data) // }) .catch(error => console.log(error)) } </script> </body>
</html>
|