ESP8266 Community Forum

Would it be possible for the slider to update if there is any change in value as opposed to having to click a button to update the value. I am not sure if this is a limitation of web or basic.

viscomjim wrote:Would it be possible for the slider to update if there is any change in value as opposed to having to click a button to update the value. I am not sure if this is a limitation of web or basic.

I think that should be doable with a little added javascript to trigger on the "onchange" event in the browser. I'm not too savy with js myself, but I may give it a go later.

The idea will be to create the slider, assign a function to the sliders onchange event, and add the js function to effectively do what the button is doing.

Edit: Its now later :)

Try this example:



Notes: The first javascript line sets the onchange event to the form submit function, then second line hides the button.

The form elements are accessed via the document.forms[0].elements[x] mechanism, where "x" is the number of the element you want to modify, based on creation order. So, in this example, the first element is the slider, so its accessed via document.forms[0].elements[0] and the button is the second element in the form, accessed via document.forms[0].elements[1].

You'll notice theres a space where the button would be. If you want to eliminate the space as well, change the second javascript line to be:



Update: After more thorough testing, i found that the setp variable in the interpreter wasn't being updated, even though the textbox was. So I opted to "click the button" via javascript, now it works as expected.

Here is the updated code that works properly: