i used timer to refresh page every 5 secondbut due to timer my multiline textbox doesnt scroll down bottom even though i used javascript to scroll to bottom this is my codelthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltltstyle type34textjavascript34gt textarea resize none height 306px width 360px ltstylegtg

This way ltscript type34textjavascript34gt windowonload Scroll var prm SysWebFormsPageRequestManagergetInstance if prm null prmaddendRequestfunction sender e if senderpostBackSettingspanelsToUpdate null Scroll function Scroll var TextBox documentgetElementById39lttxtmsgClientID gt39 TextBoxscrollTop TextBoxscrollHeight ltscriptgt ltstyle type34textcss34gt TextBox resize none ltstylegt ltaspScriptManager ID34ScriptManager134 runat34server34gt ltaspScriptManagergt ltaspUpdatePanel ID34UpdatePanel134 runat34server34gt ltContentTemplategt ltaspTextBox ID34txtmsg34 runat34server34 TextMode34Multi

ASP.Net Multiline TextBox Scroll Text To Bottom on AJAX UpdatePanel Refresh

prynka

SOLVED CLOSED ACTIVE ANSWERED
User: prynka
Posted: on Apr 27, 2013 02:58 AM
Forum: ASP.Net AJAX
Answer: 1
Views: 6241

i used timer to refresh page every 5 second..but due to timer my multiline textbox doesn't scroll down bottom even though i used javascript to scroll to bottom

this is my code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <%--<style type="text/javascript">
        textarea
        {
            resize: none;
                  height: 306px;
                  width: 360px;
              }</style>--%>
               <script type = "text/javascript">
                   window.onload = function () {
                       var TextBox = document.getElementById('<%=txtmsg.ClientID %>');
                       TextBox.scrollTop = TextBox.scrollHeight;
                   }
                   
</script>
    <style type="text/css">
        #TextBox
        {
            resize:none;
            
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    </div>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="txtmsg" runat="server" TextMode="MultiLine" Height="239px" 
                Width="248px" ></asp:TextBox>
        <asp:Timer ID="Timer1" runat="server" Interval="5000" >
            </asp:Timer>
       </ContentTemplate></asp:UpdatePanel>
       
        <br />
        <br />
        Name&nbsp;&nbsp;&nbsp;
        <asp:TextBox ID="TextBox2" runat="server"  Height="30px" 
            Width="140px"></asp:TextBox>
        <br />
        Msg:&nbsp;&nbsp;&nbsp; 
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
            style="margin-top: 0px" Text="Button" />
        <br />
            
        <br />
    
    </div>
    <p>
        &nbsp;</p>
    </form>
   
</body>
</html>

Mudassar

0 6

Reply
ANSWER
User: Mudassar
Replied: on Apr 28, 2013 12:46 AM
Report

This way

    <script type="text/javascript">
        window.onload = Scroll;
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {
                    Scroll();
                }
            });
        };
        function Scroll() {
            var TextBox = document.getElementById('<%=txtmsg.ClientID %>');
            TextBox.scrollTop = TextBox.scrollHeight;
        }     
    </script>
    <style type="text/css">
        #TextBox
        {
            resize: none;
        }
    </style>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="txtmsg" runat="server" TextMode="MultiLine" Height="239px" Width="248px"></asp:TextBox>
            <asp:Timer ID="Timer1" runat="server" Interval="5000">
            </asp:Timer>
        </ContentTemplate>
    </asp:UpdatePanel>
    <br />
    <br />
    Name&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="TextBox2" runat="server" Height="30px" Width="140px"></asp:TextBox>
    <br />
    Msg:&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
    <br />
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style="margin-top: 0px"
        Text="Button" />
    <br />
    <br />

ASP.Net Multiline TextBox Scroll Text To Bottom on AJAX UpdatePanel Refresh

Company

Explore

Follow us

Contact Us