Changing field value in onchange event

[Ubaidullah]

Hi,

I have a slider control in a NetWebForm and want to display a value in another field based on the value in the slider control.

For now, I have a field named LOC:DispValue in the NetWebForm.

I have added the following code to the onchange event of the slider control.

'SetSessionValue(''LOC:DispValue'', this.value+''A'')'

The LOC:DispValue field will display 1A, 2A, 3A when the slider control is 1,2,3 respectively.

But, when the slider control is at 2, LOC:DispValue will still be showing 1A. It's always lagging by a number.

What am I doing wrong ?

[bshields]

From memory you might want "oninput" not "onchange". "onchange" waits for a "loss of focus" to occur before firing the event. "oninput" should fire the event immediately.

But frankly, i'm guessing.

[Ubaidullah]

Thanks for the suggestion.

I put this in the onchange field:

'" oninput="SetSessionValue(''LOC:DispValue'', this.value+''ABC'')'

But I am not seeing any change to the LOC:DispValue field.

So, what's the correct way to add code to "oninput" ?

[Bruce]

Hi Ubaidullah,

You are mixing up your concepts of client side and server side;

>> I put this in the onchange field:
>> '" oninput="SetSessionValue(''LOC:DispValue'', this.value+''ABC'')'

so that's javascript, and triggers when the field changes. SetSessionValue will send a new session value to the server.
(it won't refresh anything on the screen, because that's not what SetSessionValue does)

I suspect you want this code on the _server side_ so that it executes when the slider changes. And then the slider control updates the DispValue field (as I suspect you have already set it there to reset...)

cheers
Bruce

[Ubaidullah]

Hi Bruce,

Thanks for your reply.

I am trying to give immediate feedback to the user which is why I want to have javascript code that can run without waiting for reply from the server.

I really don't need to send any value back to the server.
So, now I removed SetSessionValue, and just used normal javascript code. This works for onchange, but I cannot seem to get it to work for oninput.

So, when I have this in the onchange field, it works:
'updateDisp(this.value)'

But when I put this, it doesn't work:
'" oninput="updateDisp(this.value)'

I have this in custom.js :


function updateDisp(pVal) {

 document.getElementById("updateitems_loc__dispvalue2_value_div").innerHTML = pVal+"abc";

}

[Bruce]

debug in the normal way for javascript.
ie - make sure the code runs (use console.log) - inspect the code to make sure it's where you think it is, and so on.

cheers
Bruce