Javascript - How To Keep Whole Page Scroll Position After Asynchronous Postback
Oct 16, 2010
i am using asp.net 4.0 iis 7.5 microsoft visual studio 2010
what i want is keep whole page (browser) scroll position (not a div or panel) when asynchronous postback happened (update panel) how can i do this actually i had a function which can keep div scroll bar position after postback like this
<script type="text/javascript">
var xPos, yPos;
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(BeginRequestHandler);
prm.add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args) {
xPos = document.getElementById('Main').scrollLeft;
yPos = document.getElementById('Main').scrollTop;
}
function EndRequestHandler(sender, args) {
document.getElementById('Main').scrollLeft = xPos;
document.getElementById('Main').scrollTop = yPos;
}
</script>
bu i could not find browser scroll bar id to get its values to get with document.getElementById
View 1 Replies
Similar Messages:
Mar 11, 2010
I have some collapse able anhcor link tags on a page that reveal some text when clicked on i.e.: [+] Topic This is all done in javascript client side. I would like to maintain the users scroll position on the page when these links are clicked on. They dont cause a postback as iv mentioned above its client side javascript.
View 6 Replies
Feb 19, 2011
I have some problems with maintaining scroll position after postback. First time I experienced the problem was when I (believe) added Combobox control from AJAX control Toolkit and/or UpdatePanel from AJAX Extensions. The problem is when I do the postback on the page the page is loaded at the top and not where I did the postback. Actually, this wouldn't be a problem if it isn't happening on a very large form. I have already tried using MaintainScrollPositionOnPostback="true", but it wasn't helpful at all. I can provide the code if needed, but I don't think it would be of any use because I have comboboxes inside update panels which are rebinded on a button click.
View 1 Replies
Feb 1, 2010
I have a page that uses AJAX updatepanels. On this page, we have some radio buttons with Autopostback set to true. The problem is that after the postback, the control was losing focus so that when the user would hit tab, control would be restored to the first control on the page and not the drop-down which fired the event. As a fix, I wrote some set focus code in the radio button's oncheckchanged event. This seems to have fixed the problem with the focus. The problem I have is that the browser loses its scroll position every time I click on one of these radiobuttons. Is there a way to maintain scroll position? Maybe there is another way to resolve my original problem of setting focus that will prevent this from happening.
View 6 Replies
Jul 23, 2010
How can we retain Panel scroll position on postback without using any cookies.
View 6 Replies
Feb 21, 2014
[URL]
I have got the gridview to populate from my own datatable and there are quite a few results in the table. As a result I have a scroll bar on my gridview.
If there is only a few results the gridview works perfectly, however; When I select a row further down in the scroll it selects and highlights but refreshes the view to the top of the gridview.
View 1 Replies
Feb 28, 2014
I have implemented the "slimScroll" in a div. Prior to this implementation, I was using the asp.net inherent scrolling and was able to use the Maintain Scroll PositionOnPostback="true" at the Page level and that worked well; but now, this no longer works.Â
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SBN_Messages.aspx.vb"
Inherits="ShopBuyName_Test_Site.SBN_Messages" MaintainScrollPositionOnPostback="true" %>
<%@ Register Assembly="obout_Interface" Namespace="Obout.Interface" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 1 Replies
Mar 13, 2011
I have a gridview that putted in ASP.NET Panel. both of panel and Gridview are in an UpdatePanel. there is a column in gridview that Causes Partial PostBacks. i want to Maintain Panel Scroll position on those postbacks.
View 1 Replies
Mar 11, 2010
I have an asp.net listbox with 15 rows and auto postback when the selected item is changed. This works as expected but, when the form is re-loaded, IE scrolls the list so that the last selected item is now the top visible item in the list. This produces a confusing/jumpy effect for the users and makes the listbox more difficult to use than it needs to be.
Is there any way to get the list scroll position to stay as it was before the postback? i.e, if I select an item from the middle of the listbox, the listbox is scrolled to the same point after postback.
I am using .Net 3.5 but no AJAX.
View 6 Replies
Feb 8, 2013
I tried some methods to maintain scroll position on postback but none worked they are
1) In page declaration MaintainScrollPositionOnPostback="true"
2) In Code behind Page.MaintainScrollPositionOnPostBack = true
3)In web.config file in <system.web>Â section <pages maintainScrollPositionOnPostBack="true" />
I am not using any updatepanel.
View 1 Replies
Jun 22, 2010
I have a scroll bar in GridView. I m maintaining scroll bar position with javascript. It is working fine.
I have one more datagrid in the same page. I want to apply same Javascript to that datagrid also. Here is the javascript I used.
<script language="javascript" type="text/javascript">
var scrollTop;
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args)
{
var m = document.getElementById('divexample2');
scrollTop=m.scrollTop;
}
function EndRequestHandler(sender, args)
{
var m = document.getElementById('divexample2');
m.scrollTop = scrollTop;
}
</script>
and here is the reference [URL]
View 12 Replies
Jun 7, 2010
I'm using MaintainScrollPositionOnPostback=true property but this doesn't seem to work with chrome. (works on IE),
Is there any other way to maintain scrool position without using this property?
View 1 Replies
Jul 19, 2010
I want to maintain the scroll position of a page. So I try to get the page cordinates and set the position on the page load (actually I've a postback in my page) using JS as follows. What I've done is on a client click on an image get the page cordinates and keep in a hidden field.
[Code]....
GetScollerPosition function invoke in an image click event. But it's not work as I expected, the SetScrollPostion always find the value of hidden fields as zero.
View 8 Replies
Sep 17, 2010
[Code]....
I am trying to use an anchor tag to automatically scroll down to "position1" when the page loads.
I have created this name tag in the .aspx page and then trying to redirect to that tag in the page_load event but this results in that the page doesn´t load at all and cant be seen in the browser:
View 5 Replies
Oct 15, 2010
When an asynchronous postback happened inside update panel, another postback happens also for MasterPage not only update panel embedded page .
I want to prevent this MasterPage postback .
is this possible ? think like i have a MasterPage
and another page which is test.aspx which is content page of MasterPage
i have update panel at test.aspx
when asynchronous postback happens at this test.aspx update panel it also loads MasterPage Page_Load
i want to prevent this (it should not also load MasterPage Page_Load)
View 2 Replies
Oct 15, 2010
When an asynchronous postback happened inside update panel, another postback happens also for MasterPagenot only update panel embedded page .I want to prevent this MasterPage postback . is this possible ?think like i have a MasterPage and another page which is test.aspx which is content page of MasterPagei have update panel at test.aspxwhen asynchronous postback happens at this test.aspx update panel it also loads
MasterPage Page_Loadi want to prevent this (it should not also load MasterPage Page_Load)
View 3 Replies
Jun 13, 2010
the dropdownextender works fine until I scroll down the page, see the following screenshots.
View 2 Replies
May 7, 2015
I tried out the solution posted for [URL]
Is there any way to maintain scroll position if I need to re-direct to same page?
View 1 Replies
Jul 29, 2010
I have serveral long ASP.Net pages, I use RequiredFieldValidator, RegularExpressionValidator and ValidatorCalloutExtender for validations, Submit buttons are typically at the bottom of the pages. The problem I have: if the errors happen at the top portion of the page when Submit buttons are clicked, the forms do not scroll to the top automatically, the users have to scroll up to see the ValidatorCalloutExtender.
View 2 Replies
Jun 10, 2012
I use pagination for my datalist according to this link [URL].....
this is style of pagination
First 1,2,3,4,5 Last
when i run web site i see my datalist with pagination in webpage my datalist is middle of page when i click on page number 2 or 3 to see other page of datalist it reload page and go to top of page i should scroll until I can see my datalist again.
i want when users click on page number after that they see other page of datalist directly not top of page ..
View 1 Replies
Nov 19, 2010
How do i scroll to a panel within an updatepanel after i load the content
View 4 Replies
Feb 26, 2010
Can I save a page position in browser after clicking button or some other actions (after PostBack)
I need it on Page Change event in my DBGrid like on msdn.microsoft.com - when I change Tab C# -> C++ for example it doesn't refresh whole page and I still being on same position in browser.
View 1 Replies
May 18, 2010
I am building a website in which all of the site layout is in Master page and the content of the site is in the inherited pages. I have various links for navigation in which i simple use Response.Redirect to transfer to different pages. Now the problem is that I want to put the content place holder inside Ajax Update panel so that the postbacks are Asynchronous and I want to show the postback by an animated image inside Update Panel progress control. The problem is that I am unable to achieve this result and the entire page is posted back and rendered again. I have placed the content place holder inside the Ajax control toolkit's Update panel but it does not work. Is there any way that I can change the content of the content place holder to a new page with asynchronous postback.
[URL]
I have same problem, can anyone write a code project exemple
View 4 Replies
Aug 23, 2010
I want the page when refreshed to remember the position that the user was at on the page, for instance if they are scrolled half way down the page when the page posts back can it return to that position on the page?
View 4 Replies
May 7, 2015
I am using GeoMap in my website, and GeoMap is little below in Web Page.I am using filters in GeoMap, i.e., when user selects any station and clicks on "button", all the locations related to selection shows in GeoMap. But everytime when I filter and click on button, page loads and scroll upward then again to see the filteration result in Geo Map, I had to scroll down my page.I want that when I filter any station and click on button, page should stick to that GeoMap section. It should not go upward until user scrolls the page.For this I tried using "Update panel" but then GeoMap javascript is not working.
View 1 Replies
