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:

Jquery - Implementing Ajax Calls Based On Scrollbar Position?

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

JQuery :: Toggle Multiple Divs / Failed At Each Attempt To Put Code In A 1 - 6 Loop To Hide All Divs?

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

Infragistics UltraWebGrid - Grids Position Fixed And Are Not Scrolling With Page?

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

VS 2005 How To Keep Position Of Postback In A Scrollbar

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

Maintaining Scrollbar Position And Div Tag State On PostBack?

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

Web Forms :: Maintain ListBox Scrollbar Position On Postback?

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

Stop Scrolling At One Position Only

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

Preserve Scrolling Position On Panel On Postback

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

Web Forms :: Panel - Scrolling Position Centered

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

Web Forms :: Nested GridView Position Fixes When Scrolling?

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

Data Controls :: JQuery Range Slider And Load Data When Page Is Scrolling Using DataList

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

Javascript - Window Scrolling Button Control - Rendering To Normal Position

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

JQuery - Add / Remove Forms And Divs

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

JQuery :: Remove DIVs With The Duplicate IDs?

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

Data Controls :: Load DataList With Images On Scrolling Down Using JQuery?

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

Finding Mvc Highlighting Current Page Link Technique?

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

Scrolling Pagination On Gridview Via JQuery?

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

Jquery - Implementing Continuous Scrolling UI Pattern

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

JQuery :: How To Implement Virtual Scrolling In Datagrid

Jun 2, 2010

how we can implement virtual scrolling in datagrid using jquery??

View 3 Replies

JQuery :: Reorder List - Change Order Of Divs And Upload New Order To Database

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

JQuery :: Select Hyperlink In Page With A Custom Attribute?

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

Controls That Replicate Following Databinding Technique

Apr 20, 2010

Nifty and free asp.net controls that replicate the following databinding technique? [URL]

View 11 Replies

Web Forms :: PostBack - Scroller Goes Top Of The Position First And Loading Some Images When Select Some State

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

Controls :: Add Page Number To Top Right Position In PDF Using ITextSharp

Oct 21, 2015

I want add a number for each page generated in pdf, with base in this example: URL...

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved