Change a Javascript variable value from code behind

Question

I have this javascript code:

<script>
$(document).ready(function() {
    var progValue1 = 100;
    var progValue2 = 30; 
    $("#progressbar").progressbar({ value: progValue1});
    $("#progressbar2").progressbar({ value: progValue2 });
});
</script>

I would like to change the values of the two variables (progValue1 and progValue2) from the code behind when a button is clicked .....

This is the code for the button

<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server" Text=  "Confirm" OnClick="btnConfirm_Click" />

How can I change those values from the C# code for the btnConfirm method?

Answer 1

Add two properties, i.e.

private int _progValue1 = 100;
private int _progValue2 = 30;

protected int ProgValue1 { get { return this._progValue1; }}
protected int ProgValue2 { get { return this._progValue2; }}

Modify your JS:

<script>   
  $(document).ready(function() {   
    var progValue1 = <%=ProgValue1%>;   
    var progValue2 = <%=ProgValue2%>;    
    $("#progressbar").progressbar({ value: progValue1});   
    $("#progressbar2").progressbar({ value: progValue2 });   
  });   
</script>  

Then set the values in your OnClick event handler:

this._progValue1 = 40;
this._progValue2 = 20;