When JQuery initiates an action (e.g. an Ajax PUT) it sets up a callback to handle processing the event when the time dependent action completes. Since the callback operates as an independent thread, it cannot return to a calling routine via the "return" instruction. Is there a way to preserve the context somehow to return to a calling routine? Perhaps another type of callback event?
View 1 RepliesI have a parent window that potentially open a lot of pop windows(let call
them children windows) from different page on the parent. Over time, those
children windows can add up on the screen if the users don't close them
manually. What I'm looking to do is I want to have all the children windows
closed itself when the parent windows is closed by either X it out or close
by the window.close method in the parent window. I know every children
windows has it own window name. What I could do here is look for those
children window names then close it using a script in the parent window. But
the challenge is, I don't know which windows are opened when the user about
to close the parent window. I would get a object not found error if i
reference a none existent children window name. I want to avoid that error.
I want to know all the available pop up windows at the time when the parent
window is about to close then close them out. Does anyone have some ideas?
I'm developing a simple CMS and working on a backend now. I want each, lets say, article to have a slideshow editable through a backend site. I created a list of images loaded using PHP from a MySQL database - they are <img> objects in a single <div>. To each <img> belongs a small <div> containing 3 <a> objects formated as buttons: move up, move down, delete (the order of images does matter). This is how it looks like:
HTML Code:
<img src="pic.jpg" id="o1" alt="" style="display: block">
<div class="photoMenu" id="pm1" style="display: block">
[code]....
ok, so I can make an object, I can also make a new instance of that object and have it running around the screen at the same time.What I'm a bit confused about is how to go about things when I want X number of these objects.So instead of making objects seperately I need a loop. Instead of referring to each object seperately every time I want to redraw it, I want to loop through all instances of the object.Except I can't quite see how one goes about doing this.
for (i = 0;i <= 10; i++) {
var dot + i = new Dot;
}
[code]....
I'm having problems with callbacks in the code below:
$.ajax({
dataType : 'jsonp',
jsonpCallback : 'get_json',
success : function(d) { alert(d); },
error : function() { alert("ouch"); },
url : data_url
})}
I have verified that the server is returning valid json. My jsonpCallback is called, but neither the success nor the error callbacks are. I'm stumped by this.
I am trying to execute slightly more than "Hello, world" using .ajax() specifically and with both a success and error callback. I have:
[Code]...
how to use jQuery I created my own AutoComplete Textbox (although there is one in the jQueryUI Lib). The users types something in a textbox and after 3 characters, the getJSON method is beeing called. This processes the data by calling another site and after received the data, it displays the result in a div tag.If a user types something, it automatically searchs - my problem is the delay. Because if a user continuous, he will already receive (delayed) results - so far it works as designed. My question is, how can I stop the other callbacks of being processed and only receive and display the details of the last callback?
Attachments
AjaxSearch.txt
Size : 4.14 KB
Download : 306
I'm using jQuery-1.6.2 and stumbled upon the problem that exceptions within AJAX callbacks are silently ignored:
$.ajax({
url: '/',
success: function() {
[code]....
Really excited about the new 1.4 release. Looks like a lot of good stuff. Anyway, I've been using the json format to pass data back from the server and after upgrading to 1.4 I'm getting the parsererror, even when I simplify my response to something like:
In php I've been using:
To set the header.
Guess I'm stuck using the older version until I find a solution.
The documentation on e.g. the fadeIn() method does not specify any constraints on the callback argument. Does that mean that 'anything will work'? Specifically, is recursion allowed?I want to know whether jQuery design has deliberately taken this into account. Yes, I can read the source code. No I don't plan to do so (for now), since I consider it an essential gap in the documentation.[code]
View 5 Replies View RelatedI am trying to develop a iGoogle-like dashboard that uses JSONP to get the content of each widget from other (trusted) sites.Each widget is a div that will take care of getting its content using $.ajax() and use the callback to update the div with the html content returned with JSONP.The problem I have happens only in Firefox (I'm using 3.6.3):when a site is unavailable or takes longer to return the JSONP content for a widget, it seems that the callback for the other widget does not get executed. All the widgets stay in the "loading" state although I'm sure they have all received the answer.What's puzzling is that if I hit the "stop" button of Firefox, the content of the other widgets get displayed (ie. their displaying callbacks get executed).
If the calls are asynchronous, what prevents Firefox from executing the callbacks for the other widgets once the response is received?Do you have any idea of what's happening and if there's some way around this?
There is probably something going on in my environment but when running 1.5.2, jquery runs and behaves fine. When I switched to 1.6.1 immediately the success callbacks of ajax functions did not trigger. I did not see the release notes mention anything new regarding that.
This includes
$.post("url", function() { console.log("will i get printed?"); });
Here is a code sample which fails
$(".foo").click(function(e) {
var link = $(this);
e.preventDefault();[code].....
The callback function for the ajax is never invoked.As part of my application, I have the following ajax setup going
$.ajaxSetup({
'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
});
Firefox 4.0.1, Ubuntu 10.04, Firebug 1.7
All is on the title, sorry for my english, i'm french :) I have an html page with style
<style>
#mydiv {
margin-left:auto;
margin-right:auto;
width:250px;
}
</style>
with jquery, i try to get the margin-left ($('#mydiv').css('margin-left'), but the function return 0px, unable to retrieve the good value (auto) anyone has idea to retrieve the value "auto" when margin-left is "auto" ?
What is a callback function and how do we make and use them?
View 3 Replies View RelatedI need to do something unusual. Say a user is browsing my site, and before they navigate away, I need to perform some actions like logging them out, for which they would need some data from the server. On onunload, a SJAX request (AJAX with that parameter as false) is issued, code flow hangs, and when the result comes in, code flow resumes and does what it needs to. If AJAX were used, the script would unload and never get the callback. Ok. So that's what I want. The problem is that I'm dealing with something other than an XMLHttpRequest object, and I can't simply supply a false parameter to the request function. I'm looking for some way to wrap an asynchronous routine of this object into a synchronous one. If call var result = myobject.get(data_to_send), code flow here hangs WHILE myobject calls this funky XMLHttpRequest-like object in asynchronous mode, waits for the callback, the callback is called, and myobject returns the result. So code stops synchronously outside of myobject.get, but waits asynchronously inside.
View 2 Replies View RelatedI'm animating a sliding panel but my callback executes right away when you click the slider link.This is the code:
Code:
$(document).ready(function(){
var stat = 0;[code]...
anything wrong with my animate function? (the callbacks are when it add/removes a class)
This could appear under Ajax, for example, you could have multiple objects that make a singular ajax call (say an RPC-like request) and you need to update the object that made the call during the callback with the result, but it doesn't have to be. The particular problem I'm thinking about happens to be ajax, particularly with multiple objects accessing the same ajax request (meaning I can't use a global or temporary variable).
One way that seems like it would work (just thinking about it in my head), is to create a hash, and to pass the key through the request, store the key in the response, and pick it up on the callback side. Then remove the item from the hash when done.
This might be a bit tricky. I want to call a method of a class using the setTimeout code, ok, can do this like this:
var instance = this;
timerID = window.setTimeout( function() { instance.Method(); }, 1000);
Now I want to call a method a number of times from with the class and when they
have all finished I want a second method to be called, I don't want the methods
themselves to be altered, i.e. I want this to be generic.
Here was my idea:
var timerCounter = 0
function CallFunc(func, callbackFunc)
{
timerCounter--;
if(timerCounter == 0)
{
callbackFunc()
}
}
function DoAsyncRequest(func, callbackFunction)
{
timerCounter++;
return window.setTimeout( CallFunc(func, callbackFunction), 1);
}
You would call this using something like:
timerId = DoAsyncRequest(this.method(), this.method2());
How could I do this, tryed using eval to no avail. I just don't know the
language well enough yet.
I needed access to the form that's being submitted in the options.success() function (in order to hide the form after successful submission). I ended up modifying line 222 in jquery.form.js. I added $form as the third argument for all callbacks, like so:
options.success = function(data, status) {
for (var i=0, max=callbacks.length; i < max; i++)
callbacks[i](data, status, $form); // added $form as third argument.
};
Is there a better way of accessing the form from the callbacks or would the plugin developer(s) consider adding this or another similar modification to the code?
alert($(
"ul li").get(0));
Thisalert show this, literally: [object] This [object] will not accept any DOM methods like addClass, etc
I have a problem.I want Internet explorer support to my site but I cant using json so I want return data array format from php. Is there a solution of this problem?
My php array : $myArray=array("caption"=>"number one","value"=>"Jquery");
I have this simple code for change combos based on selection.
$("#manufacturer_id").change(function(){
$.ajax({
url: 'index.php?route=catalog/product/getConsignaManufacturer&token=<?php echo $token; ?>&manufacturer_id=' + $('#manufacturer_id').val(),
[Code].....
This works perfectly. Now the mail combo have a option value="0" with title "Please select one" so if not change happen then the second combo never is activated. How when the user select the first option "Please select one" in the main combo (#manufacturer_id) I can disable the second combo?
I have researched this error/bug/mistake thoroughly with no success. I must be the only one experiencing it. Also, this takes place on every site I develop with jQuery ajax. It happens regardless of whether I use .get, .post, .ajax etc. Problem: The result returned to my ajax function always has a zero (0) appended to it.
[Code]
When you click on the link to a web site, close the app, then open the app again, it displays the web site instead of the app. How do you get back to the app?
<li><a
href
=
[code]....
I have a question concerning :contains(). I use it in the following manner:
if($("div:contains('Built From')", $(itemProps)))
{
//Do stuff.
}
itemProps is DOM Element. It has a a div inside it which class is always something else however that div has either "Built From" or "Builds Into" as a text. Inside itemProps there is no other div with those words. I want to know which of those texts the div within itemProps contains. However this bit of code seems to always return true. Some goes for when I use the text "Builds Into". Even when the text is not in the div.
I have a understanding problem with this:
var loadData = function(){
$.post('/search.php', { myvar: 12345 }, function(data){
$.each(data, function(key, val) {
// here I have to validate my data I retrieved
if(first condition){
return false;
[Code]...