jQuery LOAD Issues with IE
I am struggling with ajax load in Internet Explorer. It works in all of the other browsers I have tried.
Have a look at:
http://www.creativelunch.com/atesore/user/profile/rwap_software
When the ajax.load function is called to load the Active Items content, I get an IE error:
Line: 307642184
Error: Not implemented
The code used to load this page is quite simple:
//show loading bar
function showLoading(activeTab){
$('#loading-' + activeTab)
.css({visibility : "visible"})
.css({opacity : "1"})
.css({display : "block"})
.css({height : "15px" });
}
//hide loading bar
function hideLoading(activeTab){
$('#loading-' + activeTab).find("img")
.fadeTo(1000, 0); // Fix for internet explorer to ensure the loading icon disappears also
$('#loading-' + activeTab)
.fadeTo(1000, 0)
.css({height:"0px"});
}
function loadContent(tab){
$(tab).addClass("active"); //Add "active" class to selected tab
$(".userContent").hide(); //Hide all tab content
var activeTag = $(tab).find("a").attr("href"); //Find the rel attribute value to identify the active tag content
var tag_history_array = activeTag.split('-');
var activeTab=tag_history_array[0].substr(1);
var AjaxPage = $(tab).find("a").attr("rel"); //Find the rel attribute value to identify the active tag content
showLoading(activeTab);
$(activeTag).empty();
$(activeTag).load(AjaxPage, hideLoading(activeTab));
$(activeTag).fadeIn(); //Fade in the active content
}
The page still works to some extent, except if you click on Not Sold on the left hand side - nothing is displayed (although this works in other browsers).
http://www.rwapservices.co.uk