Multiple Xmlhttprequests Getting Lost
Mar 7, 2007
I've got multiple xmlhttprequests which are in a loop. So this is the
loop I have so far, with the closure given to me in a previous post:
//-------------------------------------------------------------------------------------
for (i=0; i<data.length; i++) {
httpRequest[i] = false;
httpRequest[i] = new XMLHttpRequest();
httpRequest[i].onreadystatechange = function(index) {
return function () {
if (httpRequest[index].readyState == 4) {
if (httpRequest[index].status == 200) {
var stats = getStats(httpRequest[index].responseText,
data[index]);
updateStats(statsTable.rows[index], stats);
}
}
};
}(i);
httpRequest[i].open('GET', URL, true);
httpRequest[i].send(null);
}
//-------------------------------------------------------------------------------------
So basically, the getStats method parses the response to get the info
I need for that particular request and then updates the html of the
current page accordingly. This works fine for 1, 2, or 3 data
requests. But if I have more, some of the httprequests get lost and
not all parts of my page are updated. But, if I throw in an alert in
each loop, all page data or at least more of them are updated, once
per time after each loop. It's like the alerts slow the loop down and
allow the requests and updates to catch up to the loop processing.
So, I'm not sure what's happening when the alerts aren't there. Are
some of the requests getting clobbered somehow? Are the httprequests
fine, and maybe the original document can only be updated once at a
time?
View 4 Replies
ADVERTISEMENT
Apr 16, 2006
I can't seem to get more than one request to fire simultaneously... and
I have read there should be at least 2 possible (in IE) and more in
Firefox....
View 7 Replies
View Related
Sep 11, 2003
I have a wapper here, and I'm going crossed eyed trying to figure this one out. I have a form with Radio Buttons for my customers to purchase a customizable club program. I have 5 sections each of which cost a certain amount. Then I have another section that lets the user pick what duration they would like, 3, 6, 9 and 12 months. Each option has a certain % taken off the retail price. 5%, 10%, 15%, 20% depending on the duration option. All calculations are done on the fly as customers click the radio buttons. I do have it set up and working, only I have the duration listed as many times as my sections. I would like to have only one duration section. I'm not sure if this is done in java or HTML....
View 1 Replies
View Related
Jul 23, 2005
I implemented some code to perform highlighting and specific anchors are used for the searched words. The problem is when the searched words are inside <a href> tags, the links are lost after putting my anchors.For example:
View 1 Replies
View Related
Oct 5, 2005
*The Situation*
A traditional situation where HTML form inputs are checked...
(if simplified then it would look something like this)
<form onSubmit="return checkWholeForm(this)">
<!-- other inputs -->
<input type="text" name="anInput" onBlur="dataCheck(this, ...)" />
<span id="error_anInput"></span>
<!-- other inputs -->
<input type="submit" name="btnSubmit" />
</form>
dataCheck validates the inputs value and if something is wrong, then..
document.getElementById('error_anInput').innerHTML = 'Error!'
or if data is valid then the content of span is removed.
The checkWholeForm function iterates through all elements on the form
and triggers onblur() for each input... leading to executing function
dataCheck (and so changing innerHTML of some specific span elements if
needed).
*The Problem*
If I have entered incorrect data to an input and hit the submit button
with my mouse (causing the onBlur event to be triggered just right
before onSubmit) then *occasionally* for some fields the onSubmit event
is not triggered because the onClick event is not triggered. :S
As there are actually quite many complex functions (tested and these
seem OK afaik) that are doing the checks then dowes anyboudy have a clue
what type of code might break this. I thought at first that setting
innerHTML to some value during onBlur disables all waiting events but as
this is happening occasionally (on some machines) I'm in doubt...
any ideas what to check? double declaration of function/variable names?
Not deleting some object after usage? ... anything?
Waiting for any ideas...
PS. http://eix.lap.ee/test/portali_js.html in the example *occasionally*
third field generates the error - remove any content from the field
and stright hit the submit (*with mouse* - to create onBlur and onClick
at the same time).
View 2 Replies
View Related
Jan 9, 2006
I am relatively new to js, but I did think I was starting to get the
hang of it. Then this happened...
I have a form with an onsubmit event handler:
<form id="uploadForm" method="post" action="..."
onSubmit="checkDates()">
The event handler does some minor validation, then returns true or
false:
function checkDates(y, m, d) {
if (endDate.getTime() >= startDate.getTime())
return true;
alert("Start date must precede end date");
return false;
}
(The arguments to the function are used when it is called elsewhere,
not as onsubmit.)
I also have a library class which needs to process the form submit, so
it hooks onsubmit like this:
MyClass.setOnSubmit = function(listId) {
var list = document.getElementById(listId);
var form = list.form;
var f = form.onsubmit;
if (typeof f == "function") {
form.oldOnSubmit = f;
form.onsubmit = function(){
var ok = this.oldOnSubmit();
if (ok)
return MyClass.onsubmit(listId);
else
return false;
};
}
else
form.onsubmit = function(){MyClass.onsubmit(listId);};
}
My problem is that the value returned from oldOnSubmit and stored in ok
appears as 'void'. This happens in IE 6 and in FireFox 1.07. Can anyone
explain what's happening?
View 8 Replies
View Related
May 8, 2006
I have situation that when my page is loaded i create js object
<html>
...
<script>
function Page() {
this.page = 0;
this.result = 0
this.resultCount =1;
this.currentPage =1;
}
MyPage= Page()
</script>
then in my javascript function i use object like this:
function getPage() {
if(!MyPage) {
MyPage = new Page();
}
return MyPage;
}
but there is one problem: MyPage lost one of the property, currentPage.
When i do alert(MyPage.cuurentPage) shows mi undefined. After object
initialization everything seems to be alright, currentPage is set to 1
but when i Try use MyPage in my js code is already set to undefined.
What happen? What I'm doing wrong?
View 3 Replies
View Related
Mar 30, 2007
I have a problem that the window.opener variable is lost once my popup
page has a postback. On multiple pages they address this problem but I
cannot find a correct answer.
This is my situation:
I have a main page which shows invoices. When a user clicks on the
invoices they get a popup where they can alter the invoice which uses
postbacks because of direct changes in the database. Finally the user
can click a button to accept the invoice and then I need to change two
variables on the main page which opened this popup, the new invoice
fee and status (which is based on the button pressed). I dont want any
postbacks on the main page, therefore I simply want to pass these two
variables from the popup to the main page.
However, after a single postback on the popup page the window.opener
variable is gone and lost forever. Now I have seen solutions using
frames but I do not know how to go from there because I also pass some
variables from the main page to the popup.
View 4 Replies
View Related
Jul 4, 2009
I have a series of elements on the page that have been assigned anonymous functions as a user works with them. At a certain point I would like to take a element and all of its children and copy them from their current location and into a newly created element. Then remove original version and all its children.
I have done the above by using innerHTML to copy the element and its children to a temp variable.. problem is that I think my copy has lost all these anonymous function that was assigned to the original version. Has anyone ever faces the problem of trying to copy a series of elements and losing their anonymous assigned functions in the copied version? If so whats the work around on this?
View 1 Replies
View Related
Nov 6, 2010
I have been using a tr onclick function in my tables to change the color of the most recently clicked row, it works fine. I have recently added sorttable [URL] to my table with the simple
<table class="sortable">
Making the table sortable has overwritten my tr onclick functions, which are now dead.
Heres a quick sample of what it looks like:
<table class="sortable">
<thead><th scope="col">Header 1</th>
<th scope="col">Header 2</th></thead>
<tr onclick="doSomething(this);"><td>Some data</td><td>Some more</td></tr>
</table>
View 4 Replies
View Related
Apr 9, 2010
I am in the process of creating an ajax like upload control (like the one described here: [URL].. I have ran into an unexpected problem that I can't seem to find a solution to. Javascript is not my favoured tech, and maybe there is something fundamental about this that I don't understand. could point out what I'm doing wrong:
I am using setTimeout to basically show a dummy progress bar (by manipulating backcolour of td elements). I start the process like this:
[Code]...
View 8 Replies
View Related
Aug 2, 2010
I want to have a popup that shows up if the user loses connection to my website, i would prefer it to be in jQuery as that's what I'm using, and it seems more light weight on the page
I have this code, but it doesn't seem to work... it should check on document ready then keep trying every 5 seconds
PHP Code:
View 2 Replies
View Related
Nov 26, 2010
I am having an issue with a script which fails when the internet connection is lost, and so it should.
Is there a way that the web page can be automatically refreshed if the connection is lost using JavaScript. I need to continually refresh until the connection is back on.
I know all about META refresh but that does not help.
View 14 Replies
View Related
Nov 2, 2010
I am not sure - I made ajax call through jquery form plugin, return response is HTML fragments, and inserted to a <div> place holder, work as expected.However, previous HTML segments have binding events (such as click) seems lost after the insertion ... is this expected behavior? and what are the proper way to re-instate those events?
View 1 Replies
View Related
Jun 5, 2007
I am getting a strange behavior in IE 6 and 7 where not only do I lose my CSS styling in the replaced DIV but some of the jQuery swap classes code no longer works after an ajax form is submitted. I am using jQuery Forms to post the data and use the exact same approach on the same page with a different form with no trouble.
Works fine in Safari, and FF, though I do see my styled Form submit button do a little hop in FF when the div is refreshed (this does not happen in my other successful form post.)
Best to see by example I guess:
1. Goto [url]
2. Click Level1Page1 in the first Nav Window you see
3. Click on 'Edit' when it appears
4. In the following pop-up, under the Page Settings tab (the default), make some changes and press update - this should work with no problem.
5. Now click on the second tab in the pop-up labeled Page Design
6. Make some changes and click update - You should see the problem here. The styling will disappear in the form and you will no longer be able to select a page layout.
The code that is spit back is the identical server side code that generates the form in the first place. There should be no difference between the pre-post state and the post-post state except for the data itself.
View 7 Replies
View Related
Jan 9, 2011
I was having no problems at all testing at home (FF, in private mode to keep cache clear, and error console to check... also Opera and Safari) when I suddenly lost functionality on several jQuery functions, all of them similarly structured. Couldn't find the problem; updated jQuery; stripped the codes back to one particular function; still no clue.
So: now the puzzle isonline.
The calls to load the elements in the page are in the <body> tag.
These capabilities work correctly: resizing, scrolling with arrows, popup from underlined link, dragging. What doesn't work is what should happen when you hover on any of the six-line figures: You should see a number underneath and on click, a change of color, and new text on the left.
Script file: hover is at line 100; the click function at line 78. The calls for the click function are here:
Testing again online, Opera (mac) now functions correctly. So, I think it may be something to do loading. I've put a delay to make sure the elements to be operated on are loaded before the functions which do the operating. Still no dice. It also seems to load really slowly, but that's minor at this point.
View 4 Replies
View Related
May 27, 2009
I've been using a hidden iframe for remote server scripting - how i've been doing it is that a load(); function changes the src component of the iframe with $_GET variables to pass to PHP:
this.load = function () {
this.iframe.src = this.file + "?action=load&gid=" + this.gid + "&last_modified=" + this.last_modified;
}
The frame itself then has an "onload" function that calls a doLoad(); function that handles receipt of any information back from the server. declared this way:
<iframe id="loader" onload="loader.doLoad();" style="width:0px;height:0px;border:none;"></iframe>
The trouble with this as you may guess is that the page was reloading every time src was changed and the history list of the browser was messed up. So I did some research and came up with this method that solves that problem:
this.load = function () {
//this.iframe.src = '';
this.iframe.contentWindow.document.location.replace(this.file + "?action=load&gid=" + this.gid + "&last_modified=" + this.last_modified);
}
Which is great, but now onload doesn't call!
View 1 Replies
View Related
Jan 11, 2011
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
This is the line of code that I have.
Code:
View 4 Replies
View Related
May 22, 2010
I have a page where a user can progressively download more thumbnail images. New thumbnails are loaded using '$.get' followed by an 'append' to the main thumbnail container. If a user clicks on a thumbnail then they link to another page to see the full size image. If the user then presses the back button, the page of thumbnails has returned to its initial state. I was hoping that all the additionally downloaded thumbnails would remain in memory! Is there a way around this? Keeping track of any additional thumbnails that have been downloaded when navigating the to the full size image page and then re-loading them when the user returns to the thumbnails page is not really an option as I don't want the user having to wait for this. This is what facebook appears to do after one has loaded lots of additional items on their news feed - if one links to another page and hits the back button, my suspicion is that all the items are re-loaded - they're not just re-displayed from memory.
View 2 Replies
View Related
Feb 9, 2011
I have a javascript code with a countdown timer that runs on the client side and is updated regularly to the date set in mysql db.
I want to make the timer stop when the internet connection is lost. I am thinking on using clearTimeout()...but I need to associate it with the internet connection.
Here is the script:
View 3 Replies
View Related
Jun 26, 2010
I have some code that's a more involved version of this:
$('#container_div').delegate('.trigger_button', 'click', function() {
$.post('handler.php',
{ id: $(this).siblings('.item_id').val() },
function(data) {
[Code].....
Normally, when I use .post in an event handler, "this" refers to the object that triggered the event. That doesn't happen in this case. When I use "this" the first time, to pull data parameters, it refers to the .trigger_button. But inside the .post callback, it refers to the AJAX call object instead. I don't think that's how it's supposed to work, is it? Is this a bug?
View 1 Replies
View Related
Mar 18, 2010
I recently wrote some code, which involves a list. Elements can be picked by up/down arrow keys.To highlight the elements, I'm using a similar call to objects[focus]stop (true,true).animate({'opacity': 1}, 200);(As you can see, all DOM elements are cached)the same call goes to the element which lost the focus, with an opacity value of 0.2.Whatsoever, I noticed on testing that the performance is just fine on firefox 2/3, IE 7/8, even Safari has good results.Only exception so far is Chrome, it's terribly slow on those calls with a CPU load of 40-50%.I didn't further investigate that behavior since it still works "OK" on Chrome, but SIGNIFICANT slower.
View 12 Replies
View Related
Jan 28, 2011
I am trying to include Dock MAC style Menu in my page which is floating.Here I am facing a problem is, when we hover on menu icon, without scrolling page at bottom, the menu iconsare not getting bigger in size, as it should be.And when you reached at bottom, moving scrollbar down, those icon gets bigger when we hoverI have placed the script just before the end of body tag. I also tried placing the code in starting of body tag, then the reverse thing happen. The icon gets bigger without moving scrollbar down and when we move to bottom, or scroll, the effects lost.
View 3 Replies
View Related
Nov 27, 2010
I have a script which needs to detect when the internet connection is lost and hold the content of the web page until the connection is restored.
I have been given a head start with a small javascript which I am trying to get to work.
My web page, I have a web page which contains some text and graphics but more importantly it also has an iFrame. The iFrame connects to an SQL database and displays data which is refreshed every 20 seconds.
Because the internet connection at the location where the script will be running I get connection loss which makes the iFrame loose its data. The Javascript I am working with is below.
Code:
View 1 Replies
View Related
Nov 10, 2009
I'm using Firefox 3.5.5 on Vista 32 Home Premium SP2 and only recently noticed that (javascript/jquery being enabled) link focus is lost when you tab through a page, follow the link to another page and then hit the backspace key to come back. Tab navigation continues at top of page, not with the next link after the one in focus before.
No problems in this respect with IE8 and Opera. As soon as you disable javascript with noscript, the problem disappears and link focus stays, so that tabbing brings on the next link instead of starting on top of page again.
Just confirmed it on jquery/com (following navigation link to Plugins and hitting backspace) and on learningjquery/com (navigation links). A Google search didn't yield any answers nor even any similar reports on this particular problem.
It's even more irksome in my particular case, since I have just implemented a stylesheet switcher in order to enhance certain accessibility aspects, but ironically this particular bug leads to a loss of accessibility.
Does anybody know what might be the reason (version 1.3.2.min related?, cookies related?, etc.) for this and how to solve it?
View 7 Replies
View Related
Apr 12, 2005
This is irritating cause i read a arcticle with a solution to this in one of the many newsletters i receive, but then i didn't need it and now i do i can't find it, and i'm searching for days now .
I have say 3 links
link1 --- link2 --- link3
all of then formatted nicelly with CSS. When i select one of then, say link1, it becames with a diferent background color.
What i want is to keep tha backg color even when the user clicks anywhere on the page (thus loosing focus) and until another link is clicked.
I tought this could be possible in a CSS only way, but now i think i have to use some Javascript.
View 2 Replies
View Related