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:
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Oct 21, 2015
While click next page, and while back page is error ... See images.
View 1 Replies
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
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
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
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