/
kiselevivan
/
wifi_light_control
Обзор
Документация
Войти
/
kiselevivan
/
wifi_light_control
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
web/general.html
87 строк
3 KB
Ivan
first commit
13 апр 2023, 07:38
13 апр 2023, 07:38
4357232
Код
Авторство
О чём код?
<html> <head> <title>light control - Alpha version</title> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div> <label for="relaysPanel">Реле</label> <input type="button" value="Настройки" id="buttonRelaySettingsDialogOpen"> <input type="button" id="buttonRelaysDialogClose" value="Закрыть"> <dialog id="relaySettingsDialog"> <form action="/relays"> <table> <tr> <td> <p>Порядковый номер</p> </td> <td> <select name="set"> <option>1</option> </select> </td> </tr> <tr> <td> <p>Подпись</p> </td> <td> <input type="text" name="name"> </td> </tr> </table> <p> <td> <input type="submit" value="Ок"> </td> <td> <input type="button" value="Отмена" onclick="document.getElementById('relaySettingsDialog').close()"> </td> </p> </form> </dialog> <div id="relaysPanel"> <div class="relays"> <p id="sw1Name">relay 1</p> <input id="sw1" type="checkbox"/> <label for="sw1"/> </div> </div> </div> <script> window.onload=function(){ document.getElementById('sw1').addEventListener('change',setRelay); document.getElementById('buttonRelaySettingsDialogOpen').addEventListener('click',function(){ document.getElementById('relaySettingsDialog').showModal(); }) setInterval(function() { updateData(); }, 3000); function setRelay(){ var data='set=1&state1='+document.getElementById('sw1').checked; data+='&name1='+document.getElementById('sw1Name').innerHTML; var request = new XMLHttpRequest(); request.open('GET','/relays?'+data); request.send(); } function updateData(){ loadCurrentRelaysState(); }; function loadCurrentRelaysState(){ var data=0; var request = new XMLHttpRequest(); request.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { const urlParams= new URLSearchParams(this.responseText); document.getElementById('sw1').checked=urlParams.get('state1'); document.getElementById('sw1Name').innerHTML=urlParams.get('name1'); } }; request.open('GET','/relay?get',false); request.send(); }; </script> </body> </html>