JQuery :: Display Waiting Message On Ajax Load?
Aug 31, 2011Is there any way to display any kind of ajax waiting message when making an ajax call?
View 2 RepliesIs there any way to display any kind of ajax waiting message when making an ajax call?
View 2 RepliesHere is a snippet of code that I have. First off the recursion doesn't appear to be working as it only ever calls the addThumb function once and it should be called it more often as it never gets to the point of popping up the alert box "Loading". addThumbNails in this case is being called first which then calls addThumb. I have tried a preloading function for images with the same issues. The result of the current code can be seen here.
http:[url]....The thumbnails should load below a main image. The main image also isn't loading for the same reason at this point. Hit reload and the page reloads correctly.
Code:
/***************************************
Adds the thumbnails to the scrollBar
!!!Need to randomize the order.[code]......
I have an onclick that triggers ajax which calls a php script to pull data from MySQL. This information is then displayed in a div. The problem I am having is that sometimes pulling the data from MySQL takes 2-3 seconds, so the div is empty for about 2-3 seconds. How would I go about adding an animated "Loading" gif to display in the div while it is waiting to display the content?
[Code]...
I've seen some sites going what I want to achieve, but I cant remember the names of them.
I have an iframe on a page ( its a local page ), when a user submits this page, I want to display a "busy graphic" while waiting for the results, does anybody have a link to such and example?
I have the following code:
$("#printme").queue("printQueue", function (next) {
$(this).load("print.html", function () {
$(this).ready(function () {
passPrint(next);
[Code].....
I want the images on #printme to finish loading before the passPrint function runs, but everything I've tried does not work. The ready() in there does not work.
We're using jQuery ajax quite a bit without issue. Today, however, we ran into an issue where the results of a query are not displayed.fyi... the following works fine in firefox. scenario:
1. load ajax "$("#location").load( url... )" used to retrieve results
2. using fiddler, we can see the results are returned as expected
3. results not displayed. look at the updated dom in IE8 with dev tools and the results are not put into the display area Additional info...
a. using $("#location").load( url, function(data) { alert(data); }); the alert shows the results are returned via the function call as well.
b. the #location is an empty div.. e.g. <div id="location"></div>
c. if we put some text in the div, it will be removed, by the call, but the results still will not display
d. we have removed all .show(), .hide() options
e. if we remove the ajax call and just do a $("#location").text("blah blah blah..."); the results are displayed
f. we have tried both 1.3.2 and 1.4.a1 again, every variation works just fine in firefox.t
I have a form on a page that allows users to enter/edit and delete calendar events. The form is handled with Alsup's .ajaxForm plug-in [URL]. I would like to add a delete confirmation to the functionality in the form of a "Are you sure?" dialog box. Regardless of whether I open the confirmation in the "beforeSubmit" callback or a separate button.click function, the problem is the same: the "beforeSubmit" callback isn't waiting for the confirmation dialog to close.
Here's what I have so far:
var fr_confirm = false;
var d_confirm = $( "#dialog-confirm" ).dialog({
autoOpen: false
,closeOnEscape: false
,resizable: false
,modal: true
,buttons: {
"Delete content": function() {
fr_confirm = true;
$( this ).dialog( "close" );},
Cancel: function() {
$( this ).dialog( "close" );
}}});
$('#form_review').ajaxForm({
url: './includes/save_event.php'
,beforeSubmit: function(formData, jqForm, options) {
// grab the text of the button selected - the last item in the data array
var b = formData[formData.length-1].value;
if ("Delete" == b) {
d_confirm.dialog('open');
if (fr_confirm) {
fr_action.val('delete');
var rid = fr_edit_rev.val();
} else {
return false;
}} else if ("Reset" == b) {
Form_Review_Reset();
return false;
} else { // submit
// form data validation
...
}}
,success: function(json, statusText, xhr, $form) { // post-submit callback
...
}});
The first-to-mind hackish idea of
while (d_confirm.dialog( "isOpen" )) {}
Only causes the browser to hang. And setTimeout would also fall thru without waiting for the response. And I ~really~ don't want to use the old alert() function, even tho that is precisely the functionality I want to mimic.
I need to have a page wait till the entire thing is loaded before the user interacts with it. I would like for it to do a lightbox styled grey box over it or even something like plesk does where it fades out the background (same effect really) until the page has loaded
View 3 Replies View RelatedI have a classified listing application (php) that shows an alert message on the main page to let the user know if there was an error, if the listing was entered, if a required field was left blank, etc.
the simple jquery code is:
$('#alert').fadeIn("slow");
setTimeout(function() {
$("#alert").fadeOut(3000);
}, 4000);
the alert msg. displays whenever the page is loaded. However, if someone navigates with the forward or back buttons in the browser, or reloads the page, the alert message displays again.
I am pulling my hair out for a solution that shows the alert only once and then does not show an alert again until a new message is generated.
Have a jsp page that contains a button (<input type="submit" name="doThis" onClick="someFunction(field, arg2)"/>, when clicked it passes to params to a function that looks like this:
function somefunction(field, arg2) {
for (i = 0; i < field.length; i++) {
if (field[i].checked) {
[code]....
How can I change this so that the alert message is shown in the browser (no pop-up) using jquery?
I'm trying to display a thank you message after a form send button has been clicked.
The message displays quickly after the button has been clicked but then disappears.
I want the message to remain displayed. code...
Is it possible to "Only" display a loading message and hide all page's elements and graphics until the page is fully loaded. then loading message disappear and the content fades in!?[code]...
View 4 Replies View RelatedA website I'm designing vgdesign.net/thc has a form in the footer. It functions how I want right now (to my knowledge) except for the fact that after a user submits a form and it passes validation, I want a message to be displayed that says "Thank You". I have a class created for this in my stylesheet but I don't know how to trigger it when the form is sent successfully. Essentially, I would like the result to look like this:
If the form doesn't pass validation, I want it to not display until the users fix the errors in the validation pop ups and resubmit. The php script that sends the form contents to the specified email is at the top of my index.php page. The validation tool I'm using is called jquery inline form validations (found here: [URL] How can I have that success message pop up when the form was successfully submitted?
Is there any jquery script that would detect a browser. What I exactly mean is when a visitor opens a website, the script detects the browser and if it's IE6-7, the message to upgrade/change the browser is displayed. It'd be nice if the rest of the screen got blurred, as it is in some jquery photo galleries.
View 9 Replies View Relatedi'm using the form validation plugin to validate my form [URL], works great. now i want to display a layer or a message after clicking the submit-button. unfortunatly i don't know ho i can do that
take a look at my js-code i'm currently using to validate my form:
--------------------------------------
my javascript:
// JavaScript Document
$(document).ready(function(){
$("#signupform").validate({
rules: {
[Code].....
Is there any way to display "Processing" message, by default, in the iframe triggering by jQuery from the parent window? IFrame is runing CURL function and with PHP 5.2 I can't display any message there so I need to have there something by default.
View 2 Replies View RelatedI have some simple in put forms laid out as
<div id="New_Password">
<label>My Label1<span style="color:red">*</span></label>
<input type="text" name="my_input1" id="my_input1" value="" size="25" maxlength="25" style="width:200px;" />
[code]....
on screen it looks like
My label my_input
the validation works, but the error message appears between the label and the input i would like it to appear beside/after the input, how can i accomplish this?
i happen to chase my fortunes in development as a newcomer. Scenario,// using jqm-rc2, sample registration - ajax callback scenario
1. Say formtoregister.phpcalls a studentsregister.php // Ajax/json and POST
2. Thisstudentsregister.phpdoes this 2.1 validates POST data, does db work and 2.2 sends back to formtoregister.php following messages //on success echo json_encode($promoinfo);// json format, see below the echoed content echo "<p>Welcome $user </p>" problem,is plain format text is printed Message is: {promo code: JsonNAjax}<p>Welcome Beginner </p>
[Code]...
I want to show some message in a box when the mouse is over a button (examples: undo, save, open, ecc ) like in some interface. I don't want to display the mesage in an alert window.
View 4 Replies View RelatedI am looking to return a pop up box if a certain value from my select box is picked
PHP Code:
var inpObjs = document.getElementsByName('typeofbike[]');
validChars=/^[a-zA-Zd]{16}$/;
for(i=0; i < inpObjs.length; i++){
if (typeofbike== 'I will be using my own bike')
Alert ("If using your own scooter / bike for training, it must be of a road worthy condition, to our instructors satisfaction. Please also bring with you your current CBT certificate, a valid certificate of insurance, MOT (if applicable), and also ensure the vehicle is displaying a valid tax disc and two legally sized 'L' Plates");
return false;
}}
I'm happily creating an Ajaxified web-app. I use Prototype for
encapsulating xml http requests, with method "post". On the backend, I
use PHP, and the replies are eval'd by Javascript. I do not use XML for
data encapsulation.
The only thing that is off nominal is that my Firefox 1.07 (Mac OS-X)
and 1.06 (Linux) have "Waiting for ..." continuously in the status bar.
I know from server debugging and packet sniffing that there is no more
data communication. The server reply has already been handled so that
functionally I have no problems at all. I am just wondering if there is
something I'm doing wrong on the PHP side: the code is this.
function xhr_reply($re){
header("Content-type: text/xml");
print $re;
die;
}
I know it's really php, but it seems to me this is the usenet place for
xml http request type problems.
I have a problem when trying to load an HTML5 element with Ajax (jQuery.load ()).Here is a simplified example of the problem.
Main page :
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<!--[if lt IE 9]>
[Code]...
I have a need for a page to pop up a user/password dialogue
when it loads and for the user/password that they enter to be sent to
be logged somewhere on the server. The underlying page then loads as
normal. Does anyone have an idea about how I might do this?
I have php script that uploads a file. once i click upload it should display a animated GIF image or "Loading please wait" message with the backround transparent screen covering the whole page so that the user is not able to click anything during file upload. How can i do this?
View 1 Replies View RelatedI'm trying to get this code to display a message for a first time visitor, and a different message for a return visitor. This is the code the book I'm using is giving me.
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http:www.w3.org/1999/xhtml">
<head>
[Code]....
My requirement is to show the alert message in javascript in bold. I tried with alert("<b>Hello World</b>");
View 3 Replies View Related