Tag Archives: ajax

Closing an IE popup two times while busy with Ajax request hangs IE

Posted on by

Closing an IE popup (twice) while a XmlHttpRequest is running, uses up all available connections.

To reproduce this:
- create a slow XmlHttpRequest (xhr). (Running about a minute or so)
- Open a popup window which executes this xhr. Close it while it’s still running
- Open this same popup again. (Second request). Directly close it while the xhr is running.
- Open another popup… et voila… IE Hangs..

This problem is what I was experiencing. After hours of frustrations we found a workaround:
In the onunload of the body tag you must call the “open” method on the same XmlHttpRequest object.
The call of “open” disconnects and stops the old request. Appearently abort doesn’t do this

Working code:








WARNING: This solution has only be tested with IE7!

Update 23-01-2008:

Solution for this problem with prototype is. Just put this code in an seperate javascript file. Include this file after prototype.js call iefix_runGarbageControl() in the onunload and the bug is fixed ;-)


// IE TCP/IP Connection Leak FIX, with prototype
if( Prototype.Browser.IE )
{
var iefix_xhrs = new Array();
function iefix_runGarbageControl() {
for(var i=0; i try {
iefix_xhrs[i].transport.onreadystatechange = Prototype.emptyFunction
iefix_xhrs[i].transport.open( "GET", "gamecreature");
iefix_xhrs[i] = null;
} catch( e ) {}
}

// Register responders
Ajax.Responders.register({
onCreate: function( xhr ) { iefix_xhrs.push( xhr ); },
onComplete: function( xhr ) {
for (var i=0; i if (iefix_xhrs[i] == xhr ) {
if (i break;
}
}
}
});
}

Update 24-04-2008:
Added: place 'iefix_runGarbageControl()' in the onunload

Prototype automatic Spinner

Posted on by
Reply

I found the following code on the internet. By using this code, a spinner is showed automaticly if an Ajax request is running. Very nice!

// registreer een algemene spinner
Ajax.Responders.register({
  onCreate: function() {
  if (Ajax.activeRequestCount > 0)
    Element.show('spinner');
  },
  onComplete: function() {
  if (Ajax.activeRequestCount == 0)
    Element.hide('spinner');
  }
});

Didn’t know prototype had this global register method. I should take a better look at the API!

Ajax Table Paginated Sortable and Searchable

Posted on by
Reply

Currently I’m working on an application for a client. It’s build in Ruby on Rails. After using ActiveScaffold for the startup I’ve decided to remove this plugin and write my own Ajax table.

I found a nice article / sample about this subject: http://dev.nozav.org/rails_ajax_table.html

The article is nice for a single table, but I need multiple tables, so I need to wrap some stuff in helpers. But that shouldn’t be a problem.