[jQuery] Re: Ugly code causing problems in IE

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();
>
> });