I wanna show a waiting screen when all elements in my web page are loading, and waiting screen will show off when loading is complete. I don't know how to get notification in Jquery when all elemnts are completely loaded ?
View 1 RepliesI have aspx page and in that page i registerd ascx page. i want to access the aspx page <div id = "idofdiv"> from ascx page jquery function. i have jquery function in ascx page. i want to access idofdiv in that function.
View 2 Repliesi have found out a way to find controls on content pages by using
var txt = $('input[id$=TextBox1]'). But how to access html elements like "<p>" tag and others in jquery when the html elements are in content page only.
I have a MVC view that contains some dropdowns like this :
[Code]....
To compliment this with AJAX calls (to create CascadingDropDown) I have the following javascript :
[Code]....
The CascadingDropDownCategory function is from [this site][1].When doing a post the dropdowns is set properply but when running
[Code]....
The lastCategoryId is sill -1? I can see that the dropdowns have got values and should also have triggered the change event? Why is i getting -1?
i have this code in the head part of my html
<script>
$(document).ready(function () {
$("#NameTxt").animate({ opacity: "hide" });
$("#NameLbl").animate({ opacity: "hide" });
$("#PasswordTxt").animate({ opacity: "hide" });
$("#PasswordLbl").animate({ opacity: "hide" });
});
</script>
I want the items to be invisable when the page is loaded. This code makes them fade out wen the page is loaded. Does anyone know how to make the items invisable without the fade out.
Also is storing jquery in the html the only way or can ya use an external file.
I have this problem in loading contents of the site where there's a certain time that those elements that supposed to be hidden are shown for a while before the page is completely loaded.
Everything below the dropdown is supposed to be hidden and they show atleast a second that is very noticeable, that I still have the time to have a screen shot. Below is when the content is completely loaded.
Everything inside the content is inside an UpdatePanel, and I am using a jqTransform to transform the form elements. I know that jqTransform is called after all elements is loaded, but I just don't understand why it is showing the hidden elements before the page is completely loaded.
Is there any work around this one that I will only show directly the completely loaded page instead of showing the hidden elements before hiding them?
FYI: Elements hidden will be shown according to the value selected on the dropdown. If the element is hidden before the jqTransform is called, once I show them back, it is unusable or cut off.
using javascript / jquery is there a way we could turn off ALL input controls until the page has completely loaded...
View 4 RepliesI build my website in jquery manner. On document-complete I request data from server (by page method) and put it into html by jquery template. So, I wonder, would this HTML be visible to Search engines crawlers? And if not, how to make it visible? Is there a common solution? Or is it a great disadvantage if jquery?
View 3 RepliesI'm looking for some opinions on how to go about the following:
Say I have a wizard control in my website, and I've completed all the steps on the wizard and I want to redirect to another page after the "Finish" button I've clicked. So, then after that I logout of my site, and go back into it bearing in mind the wizard has been completed, I want to redirect the user to another page and by-pass this wizard control. Would I setup a flag in the database, to indicate if the wizard control has been completely filled or not. If status = true then redirect the user to different page (and bypass wizard)... but if status = null then make sure user still can go through steps in the wizard control.
[Code]....
set a flag to state whether all of the wizard has been filled in or not / otherwise go back and complete the wizard?
I have a textbox on which i have call ajax to check the product is already exist. I have done it ,now i want to show the processing image when the textbox's onchange event occurs ... My code is :
.aspx:
<script>
function ValidateCategory() {
var product_category_title = $("#txttitle").val();
$.ajax({
type: "POST",
[Code] ....
function DatalistFunction(argumentid) {
set_minimum_points_for_session = value;
SetSession(set_minimum_points_for_session);
Redeem(argumentid);
}
this is my code which i am calling on link button onclientclick event.
sometimes what happens is redeem function gets called first and then setsession function gets called. do i need to put some delay or something between the 2 functions, so that they run everytime in their own order
I have a web form which does a full page postback when a button is clicked. This is caused by an update panel trigger. Client-Side: When the button is clicked, an animation gif is displayed Server-Side: When the button is clicked, the server side event changes the content type to excel, binary writes out excel content (byte array) and does Response.Flush() and Response.End() Client-Side: User is asked to either open or download the excel file. Animation gif is still displayed.
Question: How can I detect client side (using jQuery or Ajax) that the response has been completed. There is no page postback because the code-behind has cut off the response by using Response.End().
to directly get all elements in a form who contains a non html attribute ?
<input .... customAttribute="validateMe">
So I could find all input elements that will require validation.And use this in a loop to add validation to the input's found :
$('input').attr("customAttribute").val() == "validateMe"
I could also write every validation for each object separately, I have only a few elements who uses a required validation but it would be nice that I could do this in one shot instead of repeating the $("input").rules("add .....
From a web page I start a time consuming job and update it's status on the UI using webmethod.
Job is done in a thread:
ThreadPool.QueueUserWorkItem(new WaitCallback(DoJob), parameters); Job set's it status using static properties, and when web page, using javascript, calls web method it read those properties.
[System.Web.Services.WebMethod]
public static ProcessStatus GetProgressStatus()
{
Jober.Lock.EnterReadLock();
ProcessStatus st = new ProcessStatus(Jober.PercentageCompleted, Jober.TotalNumber);
Jober.Lock.ExitReadLock();
return st;
}
The UI progress is updated through javascript, the problem is that after thread completes I need to update UI on server side, so javascript won't help me here. What Is the best way to signal when thread is completed?
i have one web page in aps.net and i want that page to be disable untill the whole page loading process gets completed.
View 3 RepliesHow can i set redirection in given time.
After session expired i want to show warning page and then it should redirect to login page. In my warning page user can wait 10 seconds without clicking login attempt .
I have devloped a dashboard, which contains different sections. Each section shows a certain user control. some user controls shows graphs and grids and some information after some calculations. Some of these controls take times (10 seconds) to load, that's why whole page take a remarkable time to load.
I wana display skelton of page and some of controls, not taking much time, and display some processing sign on controls taking time more than 5 seconds. and refresh contents of these controls after processing at server done.
i want until webpage is not complete on my page show some download picture like some picture that show when we download something .
View 1 RepliesI have many hrefs(with dynamic Ids) in my asp.net app that have the same CssClass=MyClass.
I want these button to be hidden with a condition.
I used the .ready
$(document).ready(function() {
if(condition)
$('.MyClass').css("display","none");
});
the problem is docuement.ready doesn't execut when there is a poctback. Postback==>Button visible.normal as i've put the code in .ready. Is there a way to persist the code:$('.MyClass').css("display","none"); I tried to apply .live() on button load,but it doesn't work.
how to load pages into DIVs as we can do in iframes? Currently in my legacy application in which I have frames depending on requirement I load different ASP pages into the iframe, can we do something similar in DIVs also? I know I can write inner.HTML in DIVs.
View 3 Repliesi have a selection of (2) elements, selected by this:
$(this).parents("tr:first").children("td").children("span")
when i do this:
$(this).parents("tr:first").children("td").children("span").text()
the texts in the spans (say a and b) are concatenated together (to ab), and thats almost what i want But now i want to concatenate them by inserting a hyphen (-) in between (to a - b) I've tried this, but that doesn't work:
$(this).parents("tr:first").children("td").children("span").join(" - ")
in an aspx pege, on Page PostBack we generally get thsoe control that were created either in aspx or code behind (dynamic controls ). But in jQuery its common practice to craete new set of controls on the fly. Supose i have created 10 spans with some id and text . So, can we get these spans on server side on Page PostBack ?
View 5 RepliesMy page structure:1. 4 dropdowns which serve as filter for jqgrid2. a stored procedure (which shows all records if all dropdowns have NULL or empty value)3. a jqgrid which works on data in the dropdownsNow, due to some role restrictions, i have to disable 2 dropdowns and set a value in them and then load the jqgrid. im using ajax (jquery) to load data to my dropdowns.issue: if i use jquery ajax to load my dropdown data, all records are shown. but, if i use dropdown_load method in C#, i get the correct result that is filtered records.is there a way to load all the dropdowns first using jquery ajax and then load the jqgrid so that the jqgrid params take the updated value from the dropdowns...
View 2 RepliesI'm working on a webform with various controls. Depending on user-input I show/hide (using JQuery's show()/hide() functions) bits of the GUI. However if the form is posted-back and fails validation, I want the GUI to remain in the same state it was pre-postback rather than returning to the first-load state. Obviously the ASP.Net controls retain state, but I have HTML containers that are pure client-side objects.
In attempting to design a solution I find myself heading towards the murky (and tricky-to-debug) realms of hidden form fields - more reminiscent of my pre-JQuery work than anything 21st Century :-(
Here is my problem. I have on multiple occasions downloaded jQuery UI and tried to use it. What happens, though, is that in the examples provided in the download the UI elements look great, but in my pages when I try to use them all the formatting and style stuff is messed up. Here is an example of a date picker:
Bad Example
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Reports</title>
<meta charset="UTF-8" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<meta http-equiv="PRAGMA" content="NO-CACHE" />
[Code]....
For my page (an '.aspx' page, if that makes any difference) I have all the images in the image folder one level below the css file, just as it is in the example folder, and the script files are all together in another folder. Is there something I need that I don't have. I shouldn't need the "demo.css" file, should I? Is there a special naming convention for items in the form of the site? Is there some special way that I need to have the folders/css files/source scripts set up, like a certain folder configuration, to make it work? Kind of lost on this one. Probably a really simple fix, but I'm pretty new to using this.