Servus, hab auf einem ESP8266 eine Webseite mit 2 Gruppen Radio Buttuns und Slidern.
Soweit funktioniert alles, sprich wenn ich Radio1 betätige macht der ESP was er soll, das gleiche auch bei den Slidern. Also die Funktionen sind alle gegeben.
Mein Problem die Anzeige/Aktualisierung der Seite nach dem betätigen.
Es soll so sein,
Radio1 checked, Slider1 soll Value 50 bekommen, Slider2 Value 20
Radio2 checked, Slider1 soll Value 10 bekommen, Slider2 Value 100
usw. usw.
also die Slider sollen je nach welcher Radio gedrückt wurde andere Werte bekommen, auch die min und max Werte der Slider sollen sich ändern.
Funktionieren tut das, nur eben es wird nicht angezeigt auf der Seite, bzw. ich bekomme es hin das entweder die Slider angezeigt werden mit den Werten, da verlier ich den "Radio cheked", also es ist sichtbar kein Radio gecheckt, oder die Radios werden checked angezeigt dafür die Slider mit den entsprechenden Werten nicht.
Ich bin nicht so Wissend in Javascript, da liegt mein Problem.
hier die Funktionen
webpage+="<script>\r\n";
webpage+="var effektRadios = document.getElementsByName(\'e\');\r\n";
webpage+="var showRadios = document.getElementsByName(\'s\');\r\n";
webpage+="function update(){\r\n";
webpage+="result = request.responseText;\r\n";
webpage+="singleset = result.split(\"-\");\r\n";
webpage+="RadioNr = parseInt(singleset[1]);\r\n";
webpage+="RadioName = singleset[2];\r\n";
webpage+="document.getElementById(\"description\").innerHTML = result;\r\n";
webpage+="if ((request.readyState == 4) && (request.status == 200)) {\r\n";
webpage+="location.reload();\r\n";
webpage+="if (RadioName == \'e\') {\r\n";
webpage+="effektRadios[RadioNr - 1].checked = true; }\r\n";
webpage+="if (RadioName == \'s\') {\r\n";
webpage+="showRadios[RadioNr].checked = true; }\r\n";
webpage+="}\r\n";
webpage+="}\r\n";
webpage+="function sendSlider(Pin,value){\r\n";
webpage+="server = '/slider?n=' + Pin + value;\r\n";
webpage+="request = new XMLHttpRequest();\r\n";
webpage+="request.onreadystatechange = update;\r\n";
webpage+="request.open('ValoreSlider', server, true);\r\n";
webpage+="request.send(null);\r\n";
webpage+="}\r\n";
webpage+="function showClick(radio) {\r\n";
webpage+="server = '/show?n=' + radio.name + radio.id;\r\n";
webpage+="for(var x = 0; x < effektRadios.length; x++){\r\n";
webpage+="effektRadios[x].checked = false;\r\n";
webpage+="}\r\n";
webpage+="request = new XMLHttpRequest();\r\n";
webpage+="request.onreadystatechange = update;\r\n";
webpage+="request.open('ValoreShow', server, true);\r\n";
webpage+="request.send(null);\r\n";
webpage+="}\r\n";
webpage+="function effektClick(radio) {\r\n";
webpage+="server = '/effekt?n=' + radio.name + radio.id;\r\n";
webpage+="for(var x = 0; x < showRadios.length; x++){\r\n";
webpage+="showRadios[x].checked = false;\r\n";
webpage+="}\r\n";
webpage+="request = new XMLHttpRequest();\r\n";
webpage+="request.onreadystatechange = update;\r\n";
webpage+="request.open('ValoreEffekt', server, true);\r\n";
webpage+="request.send(null);\r\n";
webpage+="}\r\n";
wenn ich in der Funktion update das reload raus nehme, passen die Radios, aber die Slider werden nicht upgedatet, mit reload verschwinder das checked des Radios.
Versuche mit
document.getElementById("slider1").value = "75";
brachten kein Erfolg.
Freu mich wenn jemand helfen könnte...
Danke Heiko