Scrolling - JQuery Technique To Select All The Page Controls/divs With A Non-zero Scrollbar Position?
Sep 9, 2010
Is there a jQuery technique to select all the page controls/divs with a non-zero scrollbar position?
I'm trying to solve a problem faced by many; essentially after a partial asp.net postback all the controls/divs that had a scrollbar with a non-zero value (ie: were scrolled down to some position) are reset to the zero (top of the scrollbar).
My approach is to have a jQuery script save all the scrollbar positions for all the controls/divs contained on a page and after the postback, restore all the scroll bar positions.Is it possible, can it even work? If it is, how do I use jQuery to select all the divs with scrollbars and then save those positions.
View 2 Replies
Similar Messages:
Mar 1, 2010
I have noticed that in Google web reader (that lets us read RSS feeds on the web), the page does not seem to load ALL the feeds. Instead, as I scroll down, I can see more and more feeds (and the size of the scrollbar increases if you know what i mean)
I assume they do this by finding the position of the scrollbar and do an AJAX call. Is this correct? How would I do this in ASP.NET?
View 3 Replies
Jan 31, 2011
I was just after some help to put the following code into a loop. I have 6 div's with id's ImgDetails1 - ImgDetails6 and 6 buttons
with id's 1 - 6
if 1 is pushed it should hide the other divs but ensure div1 is shown. the same applies for every other
div.
I can do this the long way writing logic for each div but I am not the best with js and have failed
at each attempt to put the code in a 1 - 6 loop to hide all divs except the one selected and make sure that is shown.
[Code]....
View 4 Replies
Aug 4, 2010
I have two grids on a page that seem to always be position:fixed.I want them to scroll with the page when an overflow scrollbar appears on the body. The grids however ALWAYS stay in the same place and don't scroll with the rest of the page content.Is there any way to get an UltraWebGrid to be relative and scroll up the page with the rest of the page's content?This seems to work in IE6 but not in IE8.
View 1 Replies
Sep 10, 2010
I have a simple question. I need to keep my position af postback in a scrollbar, where a panel consists of 20 equal user controls. I have attached the code below for the simple form and for the user control.
I have added MaintainScrollPositionOnPostback="true" in the webform, but still the position moves back to the top position of the panel after postback.
View 31 Replies
Feb 26, 2010
I have a web page that regularly refreshes on post back, and all of this works fine. However, a user has made enhance the page, which I need with:
1) There are 3 asp.panels on the page, which are scrollable vertically. When the page refreshes, the scroll position returns to the top. The enhancement is to maintain the position of where ever the scrollbar is on postback. How do I keep the scrollbar position on post back?
2) Within each of the panels are dynamically added web controls. These web controls contain gridviews, which are themselves contained inside div tags. These div tags can be hiddened and made visible by an image button. This hidden and visible state is actioned by some javascript on the page. Again, the user has asked how it is possible to maintain the state of these div tags on post back, i.e. those that are closed and those that are visible. Currently, the state is on postback for all the div tags to be visible. How do I maintain the state of the visibility of a div tag during postback?
View 4 Replies
Jan 12, 2010
How do i Maintain ListBox scrollbar position on postback ?
further details*
Listbox is populated from database size can change.
Scrollbar is vertical.
View 1 Replies
Feb 14, 2011
I have a grid at the bottom of my website. There is an image button that addas a new row to the grid but as i click the image button the scrolling moves to the top disturbing the focus of the page. How can i stop the scrolling at one position only.
View 5 Replies
Jan 11, 2010
I have a panel inside an update panel. The panel has a scrollbar. When a control inside the panel is clicked, the scrollbar resets, scrolling the panel back to the top. Is there a simple way to preserve the scrolling position of a panel inside and update panel when a postback happens from inside that panel?
View 5 Replies
Feb 9, 2010
I have a asp .net panel with scrollbar enabled .The panel contains buttons which is dynamically added to the panel. Is there any way to keep panel scrollbar position centered.
<asp:Panel
ID="pnlYear"
ScrollBars="Vertical"
runat="server"
Height="460"
></asp:Panel>
pnlYear.Controls.Add(GetYearName());
private
Table GetYearName ()
{
Table tblYear =
new Table();
tblYear.ID = "tblYear";
for (int i = 1900; i <
DateTime.Now.Year; i++)
{
Button btnYear =
new Button();
btnYear.Text = i.ToString();
TableRow rw =
new TableRow();
TableCell cell =
new TableCell();
cell.Controls.Add(btnYear);
rw.Cells.Add(cell);
tblYear.Controls.Add(rw);
}
return tblYear;
}
View 8 Replies
Sep 27, 2010
I have a gridview with a nested gridview, the nested gridview exoands on the click of a button driven by some java
the parent gridview is in a panel with virtical scroll bar enabled.
In the development area I can expand a nested gridview and scroll down and it will travel with the parent in the correct position.
When published the nested gridview has a fixed position and wontn scroll with the parent.
View 1 Replies
Sep 20, 2015
I have read and referred your range slider and loading infinite images on scroll.The issue is when combining both the article the data is appending to old one.
View 1 Replies
Nov 9, 2010
In web application, i tried scrolling the window vertically by increasing a y axis height to 500 with a javascript that is attached to OnClientClick event of a asp.net button control with id Button1. The script i have used is
<script language="JavaScript">
function scrollToWindow()
{
window.scrollTo(0,500);
}
</script>
and the button code is as follows
<asp:Button ID="Button1" runat="server"
Text="Scroll to bottom" OnClientClick="scrollToWindow()" />
If i run this page and click that button, the page scroll is not working properly. when i put alert inside that script and debug, i found that the page is actually scrolling to 0,500 but again its rendering to its normal position because of some reasons. Overcome this issue and let me know the reason behind that?
View 3 Replies
Apr 6, 2010
I'm sure I've seen examples somewhere before, but I can't seem to find them. I have a page which has 5 buttons. I'd like each button to load up a different form, without refreshing. I could use UpdatePanels, but it sounds overkill for this (and bandwidth-costly). I'd like to load all the forms in one go, so clicking through the buttons essentially hides/shows the relevant forms. I can't do this using the html() method (as-is) since the forms can be quite complicated and contain ASP.NET controls which postback to the server. Instead, I've put the forms in individual divs. I tried doing something like this:
case "button1":
$(".current_form").show();
$("#divForm1").prependTo($('.current_form'));
break;
case "button2":
$(".current_form").show();
$("#divForm2").prependTo($('.current_form'));
break;
The problem with this is that the old form always remains there, rather than being replaced. Is it possible to attach a div to a given container in JQuery? Or is there another method which may be better?
full code
<script type="text/javascript">
$(document).ready(function() {
$("button").button();
$("button").click(function() {
switch ($(this).attr("value")) {
case "button1":
$('.current_form').empty().show();
$("#divForm1").clone().prependTo($('.current_form'));
break;
case "button2":
$('.current_form').empty().show();
$("#divForm2").clone().prependTo($('.current_form'));
break;
}
return false; //prevent postback
});
});
</script>
I'm testing with these divs:
<div class="current_form">
<div id="divForm1" >
This is div 1
</div>
</div>
<div class="current_form">
<div id="divForm2" >
This is div 2
</div>
</div>
View 1 Replies
Dec 3, 2010
I have 2 divs with 2 nested divs in them. Let's say div1 contains div11 and div12 and div2 can also contain div11 and div12. I know that this is not normally allowed but I am using jTemplates and they do allow you to print the div11 and div12 twice or more on the same page. The HTML looks like this:
<DIV1>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV1>
<DIV2>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV2>
How do I ensure that I only have one div with the unique ID loaded on the page, so I don't get in any duplicate DIVs. The result should look like this:
<DIV1>
<DIV11>Some text</DIV11>
<DIV12>Some text</DIV12>
</DIV1>
<DIV2>
Some other text
</DIV2>
Is there any way to check for a duplicate ID in either jQuery/javascript language and remove all but one using each or some other method?
View 3 Replies
Sep 20, 2015
[URL]
the above link for Create GridView with TemplateField and asp control for Load images while scrolling page down with jQuery.in above link code we can show only one image in one row
but datalist have ReaptColunm to set 3-4 according to ur need
when i used above code for datalist its not working .when scroll down it bind duplicate value.
View 1 Replies
Sep 4, 2010
I need to highlight active link in the menu. My menu is in the master page by the way. I'm looking for the best way to implement this?
View 3 Replies
Jan 29, 2010
Having some problems with a solution that apparently works:
<script type="text/javascript" >
//following code utilizes jQuery 1.2.6
var prev = 0;
$(document).ready(
[Code].....
It doesn't ever seem to hit my AsyncHandler, not sure if my selectors are wrong since I'm using a Masterpage in ASP.net, but it seems to be picking up the elements.
View 1 Replies
Mar 11, 2011
I have implemented Continuous Page Scrolling according to this post given below [URL] But problem is. How to handle post back events on scrolling e-g On Scrolling i render a user control in ashx handler where I have a asp.net button with click event but don't know how to handle click event because on clicking it does not fire click event except submiting a form and redirect to ashx handler with white screen.
View 1 Replies
Jun 2, 2010
how we can implement virtual scrolling in datagrid using jquery??
View 3 Replies
Feb 7, 2011
The AjaxToolkit has a ReorderList. I'm searching for a jQuery solution that does the same and found this page. I would like to change the order of divs (vertically) and upload the new order to the database (ajax).
View 2 Replies
Jan 19, 2011
I have a wep page in which there are many links with a custom attribute profileID:-
<a href="javascript:__doPostBack('M$C$CandidateSearch1$gdvSearchResult$ctl02$lnkNameAge','')" title="View Details of Saleem Khan (25)" id="M_C_CandidateSearch1_gdvSearchResult_ctl02_lnkNameAge" onclick="window.open('../Popup/ProfilePersonalInformationPopup.aspx?key=3030224&mode=view'
profileID='3030224');return false;">Saleem Khan (25)</a>
now If user type 3030224 in a textbox and press gotoLink button then i have to click that hyper link through code i.e. I have to call
onclick="window.open('../Popup/ProfilePersonalInformationPopup.aspx?key=3030224&mode=view'
for that profile ID.
Now the problem is that how can I search the page and get the <a> object with specific profileid.
View 5 Replies
Apr 20, 2010
Nifty and free asp.net controls that replicate the following databinding technique? [URL]
View 11 Replies
Nov 4, 2010
I have form where I am displaying States and related cities. it is displaying properly. I also used MaintainScrollPositionOnPostBack="true" too. But the problem is when I select some state then my scroller goes top of the position first and loading some images. [it shows me on status bar] and after this it it maintained the position. During image loading it takes 4 - 5 seconds and it's too much for me.
View 2 Replies
Oct 21, 2015
I want add a number for each page generated in pdf, with base in this example: URL...
View 1 Replies