IE8 problems :(

rahmad

Hey there, I'm hoping someone can help me out here, my Datatables implementation falls flat in IE8, but seems to be happy elsewhere :

I (initially) popped an error an IE8 that I was able to resolve by tracking down and eliminating a comma or two, but now the table just sits there (in 'Processing' state) and never loads. Behaves just fine in Firefox/Chrome.

Anyone have any sage advice for me?

code:

[code]


var oTable;
function fnFormatDetails ( nTr )
{
var aData = oTable.fnGetData( nTr );
var sOut = '';
sOut += ''+aData.gsx$testname.$t+'';
sOut += 'Special Information';
sOut += '
'+aData.gsx$specialinfo.$t+'
';
sOut += 'About this Test';
sOut += '
'+aData.gsx$abouttest.$t+'
';
sOut += '';
return sOut;
}
$(document).ready(function() {
oTable = $('#labtestlist').dataTable( {
"bServerSide":false,
"iDisplayLength": 25,
"sPaginationType": "full_numbers",
"sAjaxDataProp": "feed.entry",
"bProcessing" : true,
"bDeferRender": true,
"sAjaxSource": "https://spreadsheets.google.com/feeds/list/0Ah5i4flVQwqEdEhlUDFWNVpmQUpPaE9wT0ttQTRzR2c/od6/public/values?alt=json",
"aoColumns": [
{ "mDataProp": "gsx$testname.$t" },
{ "mDataProp": "gsx$sampletype.$t" },
{ "mDataProp": "gsx$performed.$t" },
{ "mDataProp": "gsx$reporting.$t" },
{ "mDataProp": null,
"fnRender": function () {
return '';
},
"sClass": "center",
"bSortable": false
},
{ "mDataProp": "gsx$specialinfo.$t", "bVisible": false },
{ "mDataProp": "gsx$abouttest.$t", "bVisible": false }
]
} )
$('#labtestlist tbody td img').live( 'click', function () {
var nTr = this.parentNode.parentNode;
if ( this.src.match('details_close') )
{
this.src = "img/details_open.png";
oTable.fnClose( nTr );
}
else
{
this.src = "img/details_close.png";
oTable.fnOpen( nTr, fnFormatDetails(nTr), 'details' );
}
} );
} );

[/code]

Thanks in advance. I appreciate it muchly.

-raza

rahmad

here is what Line 24 actually looks like in my code:

"sAjaxSource": "https://spreadsheets.google.com/feeds/list/0Ah5i4flVQwqEdEhlUDFWNVpmQUpPaE9wT0ttQTRzR2c/od6/public/values?alt=json",

In addition, I've already tried adding 'bAutoWidth' as per a previous IE8 related issue. Unlike the previous poster, my IE8 is not doing crazy work in the background trying to get the table initialized. It simply sits there, dead.

In addition part deux, the function fnFormatDetails and live.click function can be safely ignored, the code remains problematic with these modules absent.

-raza