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 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 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?
I am currently having problems with Popup windows in an application I am writing. I have a page, which opens a Popup window to a Perl Script on another server.
Because of this, I cant access the Parent's DOM to execute a function on the main page from the popup. I need to execute a script in the Main window once the popup window has finished its process.
I have tried setting a loop that checks if the popup is still open, which should work in principle.... however it hangs both Browser Windows.
I embedded a s3slider jquery plugin which has a sequence of more than 80 pictures.That causes a problem when loading the page,since when the slider starts the page completion get stuck.To overcome this I thought I could make it run after $(window).load and somehow it starts running after the page content is fully loaded but ... it has to wait for the whole set of 80 pictures which is not very practical. first it has to fully load the page content and graphics,except for the imgs under the slider, once that's done, instead of waiting for all the 80 pictures, it has to start running after the first 3 pictures of the banner are loaded...but this doesn't work...
I have a small application that tries to launch a slide show for a set of pictures (jpg). It is implemented by a timed ajax routine to get the next picture filename and updating the image src field to show the next picture. The problem is that the actual down load varies significantly in time, based mostly on a clients access speed and the resolution size of the picture. Since all this happens asynchronously, the delay time routine gets invoked and is exhausted before the download is completed in many cases. Is there any way to start the new src coming and then detecting/waiting when it is complete?
I'm trying to halt a function's execution while waiting for user interaction.
For example, I have a function called getUserValue() that pops up a hidden div containing several buttons. Each button sets a value. I want use a function to pop the box, wait for the users' button press, and then continue the function based on what the user presses.
Behold, simi-code:
function getUserValue() { ... lots of code ... var returnValue = doPopBox(); ... lots more code based on users selection in doPopBox(); }
I've written quite a bit of supporting code, but the getUserValue() continues to execute after the box is popped up, even before the user presses a button.
I used setTimeout() to check to see if the button has been pressed -- but when the timer starts, the interface is locked and a button cannot be pressed. I also tried using a recursive function, (check value=null, if it is, recheck), but Firefox and IE apparently don't like what may seem like an unending recursive loop.
Here 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]......
We have an address that we are submitting to GMaps API for geocoding. When the form is submitted, the address is supposed to become geocoded via javascript, 2 hidden form values for lat and long are supposed to populate with the geocoded result, and then the form is submitted for a back-end script to write to an xml file. The problem that I'm having is that there seems to be a lag with the call to GClientGeocoder and the script continues to process without waiting for a "result." How can I make it so that the javascript "waits" for a proper GClientGeocoder response so that the hidden form fields receive values before the scripts finishes executing.
More generally, I always thought that javascript executed sequentially, as in: do something(variable, functionThis()) do somethingElse In this example, I thought that functionThis() would have to finish executing before the script would move onto "do somethingElse."
The location of the script: [URL] -OR- The wretched Javascript with issues: var map = null; var geocoder = null; var rtnValue = false; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map")); map.setCenter(new google.maps.LatLng(34.145553,-118.118563), 14); geocoder = new GClientGeocoder(); [Code] ......
i have managed to make things work how i wanted quite quickly but to be honest jQuery is so easy that i'm not sure i completely understood what i was doing .. but it's working anyways ... well almost ...I have an empty div into which i load HTML content from another page. When i click a link on the page, the content from the other page should load and then the div should change background color and then be displayed with a fade animation. When i click on another link, the displayed content should fade out and the new content fade in.Everything works more or less only that when i switch from one loaded content to another, i can briefly see the old content before the new one is displayed, so the DIV fades out, then fades in again with the old content loaded and then only the new content switches in.I think probably i have my code wrong, could someone have a look ?
$(document).ready(function() { var href = $('.bodytext a').each(function(){ var href = $(this).attr('href');
I have an animation set up where if the user clicks a certain anchor the animation plays forward and if they click any other link it plays the animation in reverse.All other links that play the animation in reverse also call a "colorbox" script which opens a colorbox window. What is currently happening is that the colorbox window is opening before the reverse animation completes. I would like the reverse animation to complete first BEFORE the colorbox script runs.s there a way to tell my reverse animation to "wait" before calling any other scripts? The animation and colorbox scripts are completely separate from each other.
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
I have a page that "logs" changes made to input fields using ajax to pass data to a cgi. I use POST and it works fine most of the time (all the time in IE). But it fails when I get the data from a popup that invokes a function that in turn invokes ajax. Code:
I've been building a site that will rely very heavily on ajax calls to save server load and to spice things up a bit. So, so far I've successfully made several different ajax calls in Firefox. I'm mainly using the following code
I have a jQuery code to allow users to login using a lightbox (URL...) and immediately start downloading files, without being redirected or having the page reloaded. It's perfectly working in Firefox but Internet Explorer keeps showing the login box until I reload the page [code]
I am using jquery ajax to retrieve data from an asp.net web service. It works ok in IE8; but when I tried it on Firefox (3.6 or so), it generated an error: parsererror
The post always comes back a success in both IE and Firefox. The html response comes back as expected when using IE. However, the html response when using Firefox brings back an error from the server instead of what is expected. I'm not sure why there is a difference when using Firefox. My guess is that the content-type that the server is expecting is not correct when using Firefox.
I'm trying to post some xml to the server via ajax that contains utf characters. (�, �, etc...)
IE presented no problems, but firefox insists on mangling the chars.
Here's what I'm currently trying. code...
If I look at what is posted using the tamperdata plug in I can see that the charset specified in the header is utf-8. But the chars in the posted data are garbled.
i have been trying to google for a solution on my problem, but no luck yet. i have a ajax modal pop up that i'm using on my asp.net page, but it's not working in Firefox Mozilla or Google Chrome. All seems to be fine with IE.
