Simple Ajax Code-Kit (SACK) looks like a good project but it has a couple glitches when it comes to working with IE. The bulk of the issues are in the demo but there is also another area in the library that I have modified. Listed below is a quick and dirty fix of SACK with a download. The pieces are simply code fragments since there is a zip available at the end for download. A section of HTML before. (in demo.html)

<select name="method" id="method">
   <option>GET</option>
   <option>POST</option> 
</select> 

A section of HTML after. (in demo.html)

<select name="method" id="method">
   <option value="GET">GET</option>
   <option value="POST">POST</option>
</select> 

Without the values, IE6 just gets back a blank which isn't terribly helpful as a request method. A piece of CSS before. (in style.css)

#demo tr td {width: 250px; vertical-align: top;  white-space: pre;} 

A piece of CSS after. (in style.css)

#demo tr td {width: 250px; vertical-align: top;} 

IE6 seems to get confused by the white-space tag and ends up running the output together on one line and clipping. The output isn't as pretty in Firefox with white-space gone but at least it renders the same between browsers. A modified section of the javascript. (in tw-sack.js)

this.createAJAX = function() {
this.failed = true;
try {
this.xmlhttp = new XMLHttpRequest();
this.failed = false;
} catch (e) {
var progIds = ['MSXML2.XMLHTTP', 'Microsoft.XMLHTTP', 'MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0'];
 
for (var iterator = 0; (iterator < progIds.length) && ( ! this.success); iterator ++) {
try {
this.xmlhttp = new ActiveXObject(progIds[iterator]);
this.failed = false;
} catch (e) {}
}
}
}; 

I tend to make this change because I feel that it is more flexible than other ways of getting the xmlhttp object. It works for me, but if you find an error please let me know.

Download

Click here to download the modified files.

Ajax * This was published to help people that have tried SACK and had problems. We at Fueled Software are doing this as a help but we don't support the library itself. You may want to direct any questions to the original author.

Related Posts

Yet Another Ajax Contact Page
What happened to...
Ajax Tabs Reloaded: based on the Havoc Studios article
Forms with moo.fx part 1
Forms with moo.fx part 2

---