JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="basti1012, post: 11922, member: 1688"] without the GET return I can only guess how it should work. You deleted the old first line, which should have been in the second line. Please test that [CODE=javascript]document.addEventListener("DOMContentLoaded", function(event) { function toggleCheckbox(element) { var xhr = new XMLHttpRequest(); //if(element.id=="motor_on_off"){ console.log(element.id); if (document.getElementById(element.id).checked == true) xhr.open("GET", "/update?button=" + element.id + "&motor_on_off=1&motor_interval=2&motor_mix=3", true); else xhr.open("GET", "/update?motor_on_off=4&motor_interval=5&motor_mix=6", true); //} xhr.send(); } function set_ButtonState() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // Typical action to be performed when the document is ready: alert(this.responseText); if (this.responseText == "1") { document.getElementById("motor_on_off").checked = true; } else if (this.responseText == "0") { document.getElementById("motor_on_off").checked = false; } } }; xhttp.open("GET", "get_MotorState", true); xhttp.send(); } var chartT = new Highcharts.Chart({ chart: { renderTo: "chart-temperature" }, title: { text: "BME280 Temperature" }, series: [{ showInLegend: false, data: [], }, ], plotOptions: { line: { animation: false, dataLabels: { enabled: true }, }, series: { color: "#059e8a" }, }, xAxis: { type: "datetime", dateTimeLabelFormats: { second: "%H:%M:%S" }, }, yAxis: { title: { text: "Temperature (Celsius)" }, //title: { text: 'Temperature (Fahrenheit)' } }, credits: { enabled: false }, }); setInterval(function() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var x = new Date().getTime(), y = parseFloat(this.responseText); //console.log(this.responseText); if (chartT.series[0].data.length > 40) { chartT.series[0].addPoint([x, y], true, true, true); } else { chartT.series[0].addPoint([x, y], true, false, true); } } }; xhttp.open("GET", "/temperature", true); xhttp.send(); }, 10000); var chartH = new Highcharts.Chart({ chart: { renderTo: "chart-Motor" }, title: { text: "Motor" }, series: [{ showInLegend: false, data: [], }, ], plotOptions: { line: { animation: false, dataLabels: { enabled: true } }, }, xAxis: { type: "datetime", dateTimeLabelFormats: { second: "%H:%M:%S" }, }, yAxis: { title: { text: "Humidity (%)" }, }, credits: { enabled: false }, }); setInterval(function() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var x = new Date().getTime(), y = parseFloat(this.responseText); //console.log(this.responseText); if (chartH.series[0].data.length > 40) { chartH.series[0].addPoint([x, y], true, true, true); } else { chartH.series[0].addPoint([x, y], true, false, true); } } }; xhttp.open("GET", "/humidity", true); xhttp.send(); }, 10000); function myFunction() { var x = document.getElementById("myRange").value; document.getElementById("demo").innerHTML = x; } function myFunction2() { var x = document.getElementById("myRange2").value; document.getElementById("demo2").innerHTML = x; } })[/CODE] If the code still does not run, check the console to see if there are any errors. Or another idea. Test the attribute async [CODE=javascript]<script async src="app.js"></script>[/CODE] [/QUOTE]

Authentifizierung

Oben Unten