MorningZ, For sure - there was a lot of context missing in the original post.
The problem is in the load() part. In IE, when the click event loads, the fade effect malfunctions and doesn't load the content. You can see what I mean by clicking on the link "edcp impact" on http://m1.cust.educ.ubc.ca/newsite/ On Mar 29, 1:12 pm, MorningZ <morni...@gmail.com> wrote: > Might help others help you if you point out what is "not working" > > the .load() part? adjusting the CSS? > > On Mar 29, 2:26 pm, bgthomson <bjorn.thom...@gmail.com> wrote: > > > Hello, > > I am a jquery newbie, and I am trying to get an effect off the ground. > > It works fine in Mozilla but not in IE. > > > Does anyone know what I'm doing wrong. Many apologies for the ugly > > code - I'm not really a jquery programmer, so not sure how to make it > > more efficient. > > > At the moment, I'm just wondering why it doesn't work. The page is > > at:http://m1.cust.educ.ubc.ca/newsite/ > > > The code is: > > > $(document).ready(function(){ > > > q1 = { > > init: function() { > > $(".loader1").click(function() { > > $("#fader").fadeOut('slow', function() { > > > > $(this).load('homepage_text/0.php').fadeIn('slow'); > > }); > > $("#featureBanner").fadeOut('slow', function() { > > > > $(this).load('homepage_images/0.php').fadeIn('slow'); > > }); > > $("#over").css({color: 'white', backgroundColor: > > '#2e4468', > > textDecoration: 'underline'}); > > $("#other").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other2").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > $("#other3").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > }); > > }} > > > q1.init(); > > q2 = { > > init: function() { > > $(".loader2").click(function() { > > $("#fader").fadeOut('slow', function() { > > > > $(this).load('homepage_text/1.php').fadeIn('slow'); > > }); > > $("#featureBanner").fadeOut('slow', function() { > > > > $(this).load('homepage_images/1.php').fadeIn('slow'); > > }); > > $("#over").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other").css({color: 'white', backgroundColor: > > '#2e4468', > > textDecoration: 'underline'}); > > $("#other2").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > $("#other3").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > > }); > > }} > > > q2.init(); > > > q3 = { > > init: function() { > > $(".loader3").click(function() { > > $("#fader").fadeOut('slow', function() { > > > > $(this).load('homepage_text/2.php').fadeIn('slow'); > > }); > > $("#featureBanner").fadeOut('slow', function() { > > > > $(this).load('homepage_images/2.php').fadeIn('slow'); > > }); > > $("#over").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other2").css({color: 'white', backgroundColor: > > '#2e4468', > > textDecoration: 'underline'}); > > $("#other3").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > }); > > }} > > > q3.init(); > > > q4 = { > > init: function() { > > $(".loader4").click(function() { > > $("#fader").fadeOut('slow', function() { > > > > $(this).load('homepage_text/3.php').fadeIn('slow'); > > }); > > $("#featureBanner").fadeOut('slow', function() { > > > > $(this).load('homepage_images/3.php').fadeIn('slow'); > > }); > > $("#over").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other").css({color: '#242f37', backgroundColor: > > '#A4BEDF', > > textDecoration: 'none'}); > > $("#other2").css({color: '#242f37', > > backgroundColor: '#A4BEDF', > > textDecoration: 'none'}); > > $("#other3").css({color: 'white', backgroundColor: > > '#2e4468', > > textDecoration: 'underline'}); > > }); > > }} > > > q4.init(); > > > });
