How Do I Maintain Focus Div When Timer Tick Event Is Fire In Asp.Net?

See more:

ASP.NET

Javascript

CSS

Ajax

i have two div, one textbox, one button in a page and 1 timer control, i have 2 update panels. i placed (two divs) in one update panel and i placed (timer control) in an other update panel, because i want to reset or update dives all fields when button is clicked so that dives should be updated,and where timer control tick event is fired i rebind the div or refresh the div , i have done this and it works properly but problem is that when i am going to write some text in textbox or i want to focus on textbox, so how can i maintain focus, or even how can i get focus of current control and after firing of timer control tick event i should reassing focus of such control my code is below.

/* hover state */
.chat-box > input[type="checkbox"]:hover + label {background-color:#404D5A}

/* checked state */
.chat-box > input[type="checkbox"]:checked + label {background-color:#212A35}
.chat-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded); float:right}
.chat-box > input[type="checkbox"]:checked ~ .chat-box-content {display:block}

<asp:UpdatePanel ID="upbtnSend" runat="server"><ContentTemplate>
    <table>
    <tr><td>
    <div id="divMessages" class="chat-box" style="width:610px;" onresize="SetScrollPosition()"><%--padding: 4px 4px 4px 4px; border-color:Black;border-width:1px;border-style:solid;--%>
                                 <input type="checkbox" />
                                 <label data-expanded="Close Chatbox" data-collapsed="Open Chatbox"><asp:Label Id="lblRoomName" Font-Size="18px" runat="server" style="float:left" /></label>
                                <div class="chat-box-content" style="background-color: White; height:300px;width:592px; overflow-y:scroll; font-size: 11px; ">
                                <asp:Literal Id="litMessages" runat="server" />
                                <asp:Label ID="lblUserNames" runat="server" Visible="false" Font-Bold="true" ForeColor="Blue"></asp:Label>


                                <asp:TextBox Id="txtMessage" onkeyup="ReplaceChars()" onfocus="SetToEnd(this)" runat="server" MaxLength="100" Width="500px" />


     <asp:Button ID="btnSend" runat="server" Text="Send" onclick="btnSend_Click"/>

</td><td>

    <div onload="javascript:register_popup('narayan-prusty', 'Narayan Prusty');" id="divUsers" style="background-color: White; border-color:Black;border-width:1px;border-style:solid;height:337px;width:150px;overflow-y:scroll; font-size: 11px;  padding: 4px 4px 4px 4px;">
                               <asp:Literal Id="litUsers" runat="server">
                               <a href="javascript:register_popup('narayan-prusty', 'Narayan Prusty');">
                               </asp:Literal>

                            </div></td>

    </tr></table></ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdatePanel ID="upTimer" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"><ContentTemplate>
    <asp:Timer Id="Timer1" Interval="7000" OnTick="Timer1_OnTick" runat="server"/>
    </ContentTemplate></asp:UpdatePanel>