scrolling problem in asp.net page too long

Question

0.00/5 (No votes)

See more:

i have a page which has 5 tables to insert values ....my problem is that page is too long and i have to do validations on each table so while entering data into last table i have to enter multiple value one by one so page loads on every entry so page refreshes every time my problem is that i have to scroll down every time for entry in last table ,,,,,,,,can anyone suggest me any method in which everytime page reloads the focus should come back to the table i am entering values into so i dont to scroll down everytime

Posted 18-Apr-11 5:59am

usernetwork

Add a Solution

Comments

thatraja 18-Apr-11 12:12pm

Post the screenshot(link) in your question, it will help you to get a nice solution.

Sandeep Mewara 18-Apr-11 12:15pm

You using UpdatePanels? Or a normal webpage postbacks?

usernetwork 18-Apr-11 12:17pm

how do u put screen shots

usernetwork 18-Apr-11 12:17pm

@sandeep normal postbacks

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

nit_singh · Answer 1 · 2011-04-18T08:34:00

There is a solution which might help you

On every 5 table add the below property

onclick="MakeSelected(this)">

Below is the implementation of the

<script language="javascript" type="text/javascript">
       function MakeSelected(ctrl) {
           document.getElementById('<%= hdnVal.ClientID%>').value = ctrl.id;
       }
   </script

I created a hidden control on the page with the name "hdnVal" so that we can preserve the ID of the selected table.

Now before end of the <form> tag just add below code

<script language="javascript" type="text/javascript">
       if (document.getElementById('<%= hdnVal.ClientID%>') != null && document.getElementById('<%= hdnVal.ClientID%>').value != "")
           document.getElementById(document.getElementById('<%= hdnVal.ClientID%>').value).focus();
   </script>

SO your code would look like that

<head runat="server">
    <script language="javascript" type="text/javascript">
        function MakeSelected(ctrl) {
            document.getElementById('<%= hdnVal.ClientID%>').value = ctrl.id;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="hidden" runat="server" id="hdnVal" />
        <table width="600" cellpadding="0" cellspacing="0" id="table1" onclick="MakeSelected(this)">
            <tr>
                <td>
                </td>
            </tr>
        </table>
    </div>
    <script language="javascript" type="text/javascript">
        if (document.getElementById('<%= hdnVal.ClientID%>') != null && document.getElementById('<%= hdnVal.ClientID%>').value != "")
            document.getElementById(document.getElementById('<%= hdnVal.ClientID%>').value).focus();
    </script>
    </form>
</body>

usernetwork · Answer 2 · 2011-04-18T06:22:00

Solution 1

someone please answer my answer

Posted 18-Apr-11 6:22am

usernetwork

#realJSOP · Answer 3 · 2011-04-18T08:52:00

Solution 3

Why can't you put each of the tables into their own scrolling div elements?

Posted 18-Apr-11 8:52am

#realJSOP

Comments

usernetwork 18-Apr-11 14:55pm

can u please ellaborate on scrolling div elements