I have a site that I've coded to detect the user's screen resolution and adjust the layout accordingly. I do this using JS to re-assign CSS classes and swap images. Works great - until you view it in firefox (big surprise). The class re-assignments work OK, but I can't swap image sources - works fine in IE, not in fx.

I'm using:

 
topBannerImg.src="images/sbdc_banner_800.jpg"

I really don't want to bash firefox - actually, yes I do...

Does anyone know what the problem might be, and how to work around it?

joe

are you sure you aren't looking for something more like this?

document.getElementById('topBannerImg').src="sbdc_banner_800.jpg";

The problem is that IE is 97% of the market and you spend 60% of your time on cross browser compatibility.

Want another good reason to give it up? Check out microsofts expression statement for CSS it applies directly to what you are doing, but alas it only works in IE.

I have been diddling with computers since 1974 and Microsoft has always done an extremely fine job with software, I have given up on cross browser compatibility, although FireFox is an excellent trouble shooting tool.

The problem is that IE is 97% of the market and you spend 60% of your time on cross browser compatibility.

Uhmmm... not even close. IE has slightly less than 70% of the browser market. As of May 29th of last year, Firefox owns 25% (!) of the worldwide browser market. http://www.idm.net.au/story.asp?id=8468 And that doesn't even include Safari, Opera, and Linux products.

Yeah, you can find all kinds of numbers on the web. I saw a statement one time claiming that Apache had surpassed IIS for E-commerce, a little investigation showed that was false also.

http://lists.evolt.org/archive/Week-...18/137008.html
http://www.school-for-champions.com/...popularity.htm
http://fulgerica.com/en/2007/02/24/b...arity-project/

Originally Posted by cjreynolds

I'm using:

 
topBannerImg.src="images/sbdc_banner_800.jpg"

I really don't want to bash firefox - actually, yes I do...

Does anyone know what the problem might be, and how to work around it?

What is topBannerImg? Not a reference to an image object I suspect.
The problem is that I.E. accepts sloppy syntax; someone has already given the solution.

http://lists.evolt.org/archive/Week-...18/137008.html
http://www.school-for-champions.com/...popularity.htm
http://fulgerica.com/en/2007/02/24/b...arity-project/

Have you looked at your own links? The only one with 90%+ popularity for Explorer is from 2002, while the other two show explosive growth for Firefox, as they are more recent.

 
document.getElementById('topBannerImg').src="sbdc_banner_800.jpg";

I should've figured that out - my brain was out to lunch. I had gotten accustomed to using the shorthand syntax - IE tolerated it, so I got complacent...

Thanks for the help (and the spirited firefox discussion - I enjoy a good debate!)

joe