JavaScript Postback blues...

[gchq]

Hi there

I am attempting to show a stopwatch within a TextBox - the script starts to fire, but as soon as the page posts back it stops, then returns to zero! I'm sure there is a simple explanation, but........

I seem to think the onclick event fires the 'findTIME' event and it starts running, but then the postback event loads the full script again and resets the counter. Placing it in the 'is not page.IsPostBack' block still causes the same issue, then of course it is no longer loaded - sigh!

Here is the javascript:-

Protected Sub Page_LoadComplete(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.LoadComplete
 
        Dim vTimer As String = "<script language='javascript'>" & _
                                   "var base = 60; " & _
                                   "var clocktimer,dateObj,dh,dm,ds,ms;" & _
                                   "var readout='';" & _
                                   "var h=1;" & _
                                   "var m=1;" & _
                                   "var tm=1;" & _
                                   "var s=0;" & _
                                   "var ts=0;" & _
                                   "var ms=0;" & _
                                   "var show=true;" & _
                                   "var init=0;" & _
                                   "var mPLUS=new Array(" & _
                                           "'m0'," & _
                                          " 'm1'," & _
                                          " 'm2'," & _
                                          " 'm3'," & _
                                          " 'm4'," & _
                                          " 'm5'," & _
                                          " 'm6'," & _
                                          " 'm7'," & _
                                          " 'm8'," & _
                                          " 'm9'" & _
                                   ");" & _
                                   "var ii=0;" & _
                                   "function startTIME() { " & _
                                   "var cdateObj = new Date(); " & _
                                   "var t = (cdateObj.getTime() - dateObj.getTime())-(s*1000);" & _
                                   "if (t>999) { s++; } " & _
                                   "if (s>=(m*base)) { " & _
                                   "    ts=0;" & _
                                   "  m++; " & _
                                   "    } else {" & _
                                   "    ts=parseInt((ms/100)+s);" & _
                                   "    if(ts>=base) { ts=ts-((m-1)*base); }" & _
                                   "    }" & _
                                   "if (m>(h*base)) { " & _
                                   "    tm=1;" & _
                                   "    h++;" & _
                                   "    } else {" & _
                                   "    tm=parseInt((ms/100)+m);" & _
                                   "    if(tm>=base) { tm=tm-((h-1)*base); }" & _
                                   "    }" & _
                                   "ms = Math.round(t/10); " & _
                                   "if (ms>99) {ms=0;}" & _
                                   "if (ms==0) {ms='00';}" & _
                                   "if (ms>0&&ms<=9) { ms = '0'+ms; }" & _
                                   "if (ts>0) { ds = ts; if (ts<10) { ds = '0'+ts; }} else { ds = '00'; } " & _
                                   "dm=tm-1;" & _
                                   "if (dm>0) { if (dm<10) { dm = '0'+dm; }} else { dm = '00'; }" & _
                                   "dh=h-1;" & _
                                   "if (dh>0) { if (dh<10) { dh = '0'+dh; }} else { dh = '00'; }" & _
                                   "readout = dh + ':' + dm + ':' + ds + '.' + ms; " & _
                                   "if (show==true) { document.form1.clock.value = readout; }" & _
                                   "clocktimer = setTimeout('startTIME()',1); " & _
                                   "}" & _
                                   "function findTIME() {" & _
                                   "if (init==0) {" & _
                                   "    dateObj = new Date();" & _
                                   "    startTIME();" & _
                                   "    init=1;" & _
                                   "    } else {" & _
                                   "    if(show==true) {" & _
                                   "        show=false;" & _
                                   "        } else {" & _
                                   "        show=true;" & _
                                   "        }" & _
                                   "    }" & _
                                   "}" & _
                                   "</script>"
        Page.ClientScript.RegisterStartupScript(Me.GetType(), "vTimer", vTimer)
 
    End Sub

and this is fired by two Button objects

If Not Page.IsPostBack Then
            clock.Text = "00:00:00:00"
            Button1.Attributes.Add("onclick", "findTIME()")
            Button2.Attributes.Add("onclick", "findTIME()")
        End If

I've tried loading the script a number of ways but same problem! Any help would be very much appreciated!

[gchq]

I've tried a number of ways of resolving this - having said that JavaScript and C# have always been a bit alien to me, unlike VB - but to no avail.

I did try adding this code:-

"function exscript()" & _
                                       "{" & _
                                       "findTIME();" & _
                                       "return false;" & _
                                       "}" & _

Then modified the onclick event to:-

Button1.Attributes.Add("onclick", "exscript()")

In a vain attempt to stop the rest of the JavaScript executing again.

If anyone has any idea on where I'm going wrong I'd appreciate being pointed in the right direction.....

[gchq]

Workaround

This may not be the best way as it does to an extent defeat server postbacks, but by adding :-

Dim vTime As String = "<script> language='javascript'>" & _
        "function CurrentTime() { " & _
        "var now = new Date(); " & _
        "var hour = now.getHours(); " & _
        "var minute = now.getMinutes(); " & _
        "var second = now.getSeconds(); " & _
        "if (hour < 10) { hour = '0' + hour; }" & _
        "if (minute < 10) { minute = '0' + minute; }" & _
        "if (second < 10) { second = '0' + second; }  " & _
        "document.getElementById('TextBox6').innerText = hour + ':' + minute + ':' + second; " & _
        "document.getElementById('Button1').disabled=true;" & _
        "document.getElementById('Button2').disabled=false;" & _
        "}" & _
        "</script>"
        Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "vTime", vTime)

and

Dim vTime2 As String = "<script> language='javascript'>" & _
                "function CurrentTime2() { " & _
                "var now = new Date(); " & _
                "var hour = now.getHours(); " & _
                "var minute = now.getMinutes(); " & _
                "var second = now.getSeconds(); " & _
                "if (hour < 10) { hour = '0' + hour; }" & _
                "if (minute < 10) { minute = '0' + minute; }" & _
                "if (second < 10) { second = '0' + second; }  " & _
                "document.getElementById('TextBox8').innerText = hour + ':' + minute + ':' + second; " & _
                "document.getElementById('Button2').disabled=true;" & _
                "}" & _
                "</script>"
        Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "vTime2", vTime2)

This now changes the server side functions I wanted to client side, a few other controls had to be amended this way as well. Then...

Button1.Attributes.Add("onclick", "findTIME(); CurrentTime(); return false;")
            Button2.Attributes.Add("onclick", "findTIME(); CurrentTime2(); return false;")

It now runs!