JQuery - Forcing Page To Halt Until Data Is Finished Loading

Oct 25, 2010

I might be wrong about what is actually happening here but i have 3 Html.dropdownlists. And im using jquery to handle filtering which does actually work. However, there is some odd behaviour which i think might be because data isnt finished loading before the next function is called. For instance: Some background. Company: Owns several field offices Field Office: Owns several facilties So logically, when you change company, field offices should change, which then changes facilities.

$(function () {
$(document).ready(function () {
var cid = $("#CompanyId").val();
$.post("/ManifestSearch/GetFilteredFieldOffices", { id: cid }, function (data) {
$("#FieldOfficeId").loadSelect(data);
});
var fid = $("#FieldOfficeId").val();
$.post("/ManifestSearch/GetFilteredFacilities", { id: fid }, function (data) {
$("#FacilityId").loadSelect(data);
});
});
});
Now, when the page loads, everything looks fine. All the dropdownlists have the correct data.
When i change company, this calls.
$(function () {
$('#CompanyId').change(function () {
var cid = $(this).val();
$.post("/ManifestSearch/GetFilteredFieldOffices", { id: cid }, function (data) {
$("#FieldOfficeId").loadSelect(data);
});
var fid = $("#FieldOfficeId").val();
$.post("/ManifestSearch/GetFilteredFacilities", { id: fid }, function (data) {
$("#FacilityId").loadSelect(data);
});
});
});

This changes the field offices to the correct list, however facilities changes to whatever field offices was set to before the company change occured. I dont know enough about jquery to figure out exactly what is going on, but my instinct tells me that the two posts are happening at the same time, and the second post happens before the first one is finished.

View 1 Replies


Similar Messages:

JQuery :: Jquery Animation Resets When Page Is Finished Loading?

Aug 2, 2010

I have code that when i press a button an image starts to annimat. But when the page is finished loading the image resets. Is this a server issue? and how can i fix it.

Heres my code

<script type="text/javascript">
$(document).ready(function () {
$('#LOGINbtn').click(function () {
$('#logIMG').animate({
height: '380'
});.........

View 1 Replies

Execute JavaScript From Code - Behind After UpdatePanel Has Finished Loading Its DOM Elements?

Jul 7, 2010

I have an UpdatePanel with a repeater in it that is re-bound after a user adds an item to it via a modal popup. When they click the button to add a new row to the repeater the code-behind looks something like this:

protected void lbtnAddOption_Click(object sender, EventArgs e)
{
SelectedOption = new Option()
{
Account = txtAddOptionAccountNumber.Text,
Margin = chkAddOptionMargin.Checked,
Symbol = txtAddOptionSymbol.Text,
Usymbol = txtAddOptionUsymbol.Text,
};
Presenter.OnAddOption(); // Insert the new item
RefreshOptions(); // Pull down and re-bind all the items
mpeAddOptionDialog.Hide(); // Hide the modal
// ... Make call to jQuery scrollTo() method here?
}

This works fine and the new row will show up quickly via the UpdatePanel. However, there are often hundreds of rows and where the new one is added is based on the current sorting column used. So, I wanted to take this as a chance to use the sweet jQuery ScrollTo plugin. I know that if I give it the ID of my overflowed container div and the ID of an element within it, it will smoothly scroll straight to the users newly added row. However, there are two problems:

I need to find the appropriate row so I can snag the ClientID for it. I need to execute the jQuery snippet from my code-behind that will cause my newly updated repeater to scroll to the right row. I've solved #1. I have a reliable method that will produce the newly added row's ClientID. However, problem #2 is proving to be tricky. I know I can just call ScriptManager.RegisterStartupScript() form my code-behind and it will execute the JavaScript on my page.

The problem I'm having is that it seems that it is executing that piece of JavaScript before (I'm guessing) the newly refreshed DOM elements have fully loaded. So, even though I am passing in the appropriate jQuery line to scroll to the element I want, it is erroring out for me because it can't find that element yet. Here is the line I'm using at the end of the method I posted above:

string clientID = getClientIdOfNewRow();
ScriptManager.RegisterStartupScript(this, typeof(Page), "ScrollScript", String.Format("$("#optionContainer").scrollTo("{0}", 800);", clientID), true);

What do I need to do so I can ensure that this line of JavaScript isn't called until the page with the UpdatePanel is truly ready?

View 2 Replies

AJAX :: How To Detect When A Media File Has Finished Loading In Modalpopupextende

Dec 8, 2010

I embed wmp, swf, and qt in a modalpopupextender. Some of the video files take a long time to load so a given player's window stays empty for too long. I think I should be able to have the player hidden initially and display an animated gif in the modalpopupextender and then when the video files completes loading I'd hide the gif and show the player (or simply manipulate the corresponding z-indexes).

View 1 Replies

Load Dynamic List Of Elements AFTER FINISHED Loading Of Several Form Elements?

Mar 1, 2010

I have...a dynamic populated select box several input boxes a submit button form fields are loaded initially using cookies several dynamic populated divs

I want... start loading the content of my DIVs after all FORM elements have been loaded completely (= filled with data, select boxes are populated)

Sample code:

[code]....

View 1 Replies

JQuery :: Javascript Code To Wait Until The Ajax Has Finished?

Jan 13, 2011

I have a button that needs to check if a contact exists.I have used the Jquery ajax function to do this and I do successfully gind out if the contact exists or not.However I cannot find a way for the javascript code to wait until the ajax has finished so I can return true/false to the button for it to continue server side function. I.e.

[Code]...

View 4 Replies

JQuery Not Loading On Master Page When The Content Page Is In A Child Folder?

Apr 8, 2010

I have a site where I am trying to implement a jQuery UI based MessageBox in my master page. Content pages are arranged accoring to business area folders, i.e. '~/Branding/Contracts.aspx'. I find that when I load such a content page, jQuery, which is referenced in the master page as below, does not load. I assume that this is because the browser is requesting 'Branding/Scripts/jQuery What can I do about this? I don't have the 'root' operator in a plain 'script' tag.

<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

View 2 Replies

JQuery :: How To Avoid Page Refreshing / How To Use Ajax On Page Loading

Nov 29, 2010

I want to avoid page refereshing or loding with the of jquery ajax. Here i am attatch my asp page code.

[Code]....

In this page I am trying to use jquery ajax on page loding but it does not give response .

View 20 Replies

JQuery :: Show Progress Bar While Loading Page?

Feb 10, 2011

I want to show a show progress bar gif while loading pages.

For further information I have my pages structure as Master page and child pages.

I don't have ajax support and I am working in asp.net2.0 with vb.net.

View 7 Replies

JQuery :: Asynchronous Partial Page Loading? How To

Jul 7, 2010

I have a CRUD type page, where the user can modify an object

This page also has a JQuery Treeview (Async) , id like update part of the page depending on what the user clicks on the tree

Because its async, any postback will cause the tree to collapse - so ill like to have the ability to update the page partially

View 2 Replies

JQuery :: Hide Images When Page Is Loading

Oct 14, 2010

I have a set of images which are subjected to display inside a usercontrol(horizontally) but while loading the page the images are displaying vertically. Only after the page completely loaded they are displaying properly. How can I use jQuery to hide the images when the page is loading and display them when the page is fully loaded. Below is the usercontrol code I am using for displaying controls:

[Code]....

View 2 Replies

.net - Loading Aspx Page On Tab Switching Using Jquery?

Oct 7, 2010

i have a jquery tab. On each tab click i want to load a fresh page . I am using iframe, but while tab switching only the source is changed loading event does not takes place.

CODE......

function LoadIframePage(url) {
document.getElementById("ifrforms").src= url;
}
<div style="float: none; height: 800px" onload="test">

[Code].....

View 1 Replies

Asp.net - Loading Aspx Page In JQuery UI Dialog?

Jan 7, 2011

I have a aspx page where I have a linkbutton and upon clicking that link button I am calling another aspx page passing a parameter in a pops up window, like below:<asp:linkbutton id='lbtn1' onClick=<%#"window.open('/testsite/mypage.aspx?param=abcd');return false"%>Till now it was working fine but now I have to include my page to another site where they have used JQuery for popup dialog and asked me to load my page using the same.I am really new to JQuery and have no idea about. I tried searching through this forum and google but no luck.Can someone please help me and show me how can I achieve this (please don't mind but a code example would be really appreciated)

View 3 Replies

Deferred Loading Of Page Content Using Javascript Or JQuery?

Jan 14, 2011

I have seen few website where their home page is too big and when user scroll down to read the content the of the page then few area of that page load dynamically. how they design their page. as example the site is http://blog.rainbird.me/ where you can see the effect. please give me idea to achieve it via jquery & ajax.

View 3 Replies

Display Progress Image When Page Is Loading Using Jquery

Oct 13, 2010

When I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading and block background.how to display a progress bar loading.... in div after Submit button click??

View 1 Replies

Javascript - Jquery Loading Values On Page After Post Back?

Oct 26, 2010

Im currently trying to use a jQuery plugin:jQuery Autocomplete TokenizerNow after posting back the page, I want to re-load the values back into the textbox for whatever items had been entered.Now the jQuery on the page is like below:

$(document).ready(function () {
$("#<%=txtPeople.ClientID %>").tokenInput("Handler.ashx", {
hintText: "Type in a name",
noResultsText: "No results",
searchingText: "Searching...",
[code]...

View 1 Replies

JQuery :: Show Loading Message While Delay In Page Opening?

Sep 7, 2010

My web application is make time to open First page due to various data control on the page and values are coming to that control from database so i want to show the loading message of gif image during page loading delay. I have written this code in my master page but that image is not showing the application.

<html xmlns="http://www.w3.org/1999/xhtml" >

View 2 Replies

MVC :: How To Make Client Side Validation When Loading Partial View In Page Using Jquery

Jul 8, 2010

I am returning partial view

[Code]....

before begin form.

the problem is that when I click save the first time with wrong data the validation not working but it is working the second time I click save.

View 10 Replies

C# - Forcing SSL (https) On A Page By Page Basis?

Sep 9, 2010

How can I set up my page load event in my code behind to redirect to an url that has an https prefix? I would need it to work with urls that have query strings attached too.It's one thing to construct a link that goes straight to the https page, but I don't want the user to be able to manually change it to an http page.Also I don't want to do it with javascript because it might be turned off.

View 4 Replies

Windows - .NET Web Page Loading - The First Page Loading Fails With HTTP 404 Error?

Jan 18, 2011

We have installed a web site written by others which is compiled with Visual Studio 2008 and hosted in Windows server 2008 R2.

The IIS connection timeout is set to 120 seconds. But for some pages, the first page loading fails with HTTP 404 error but sequential refresh can bring the page up. The same problem happens for some images which fail to load in web pages. We are not very sure it is network related issue or hosting issue.

View 1 Replies

Data Controls :: JQuery AJAX Data Not Loading On Browser Back Button

Oct 21, 2015

While click next page, and while back page is error ... See images.

View 1 Replies

AJAX :: Display Light Box Loading Image On Page When Update Panel Is Loading

Mar 6, 2013

I have update panel on the page to avoid postback and placed a dropdownlist control within that update panel. DrodownList is filled with Category names and also it's autopostback set to True.

Now whenever dropdownlist index change's on select, untill page loads complete  data it should show mesage as "Loading.... in center and middle of the page and background should become bit transparent". And when page load completely with data then that background and message should get disappear.

View 1 Replies

Data Controls :: Show Loading GIF For Large Images Until They Load In GridView Using JQuery?

May 7, 2015

i have a gridview with 1 image colums

i want to be when loading images columns show a gif image.

View 1 Replies

Forms Data Controls :: Delete The Gridview Column After The Task Is Finished?

May 22, 2010

am developing an website where i am developing ticketing concept,but i am struck at one part,if once the employee view the ticket and solve it then the status should be changed,which i have done successfully but the solve query should not appear in the gridview again instead of that, it should go back to admin showing him dat issue is solvedso here my task is,how to make the query delete from the gridview after finishing the task and showing it to adming dat the ticket is solved

<
asp:GridView
ID="GridView4"

[code]...

View 4 Replies

Want To Display A Loading Animation While Page Is Loading

Jun 23, 2010

I want to display a loading animation while my page is loading, and when loading is complete then obviously hide it.

I am working in ASP.NET using Masterpages, just wondering there is a a simple way of doing this using JQuery?

View 3 Replies







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