Ie8/9 Freeze, Chrome Ok

[elambert]

Good morning. I have a page comprised of FusionCharts/FusionWidgets and ExtJS. The page renders and operates without error in Chrome. However, in IE8 or IE9 (only versions of IE I have access to test on), it renders well at first, but as soon as I try to interact with the page to switch active tabs in an extjs tabpanel comprised of multiple horizontal LED FusionCharts graphs, it freezes completely. I may try to cross-post to the ExtJS forums as well.

 

Here's a bit of the relevant code:

 

 

function renderTAB(tabid) {

switch (tabid) {

case "devTP":

Ext.getCmp('MainSyslog').setActiveTab('DEVgalogs');

break;

case "prodTP":

Ext.getCmp('MainSyslog').setActiveTab('PRODgalogs');

break;

case "intTP":

Ext.getCmp('MainSyslog').setActiveTab('INTgalogs');

break;

case "qaTP":

Ext.getCmp('MainSyslog').setActiveTab('QAgalogs');

break;

case "ssaTP":

Ext.getCmp('MainSyslog').setActiveTab('SSAgalogs');

break;

}

 

Ext.getCmp('MainTP').setActiveTab(tabid);

}

 

 

 

listeners : {

render :

function () {

this.items.each(function (i) {

i.tab.on('activate', function () {

switch (i.title) {

case 'Development':

var env = 'DEV';

gaService(env);

break;

case 'Production':

var env = 'PROD';

gaService(env);

break;

case 'Integration':

var env = 'INT';

gaService(env);

break;

case 'QA':

var env = 'QA';

gaService(env);

break;

case 'SSA':

var env = 'SSA';

gaService(env);

break;

default:

alert("DONE");

}

});

});

}

}