Javascript display issue in IE6 only - two js files clashing.

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Tim in Phoenix - 29 Nov 2007 22:18 GMT

Hello all,
I have a problem with two co-existing js files. One is used to
render a flash piece using proper HTML syntax, and the other to
mitigate an issue in IE6 where .png graphics are not displayed
properly (they do not show as transparent and are instead displayed
within a non-transparent box.)

http://www.avalonphoenixgroup.com/mm5/merchant.mvc?Screen=PNGFLASH

This page displays as expected in Mozilla & IE7 and also passes HTML
4.01 transitional validation. But in IE6 the png image is not
displayed as transparent. If I use just the pngfix.js script on the
page, all browsers including IE6 display properly. Once I add the
swfobject.js into the mix, the pngfix.js no longer provides the
desired result (the transparency is lost).

Thanks!
Tim

Reply to this Message

Thomas 'PointedEars' Lahn - 29 Nov 2007 22:28 GMT

> I have a problem with two co-existing js files. One is used to
> render a flash piece using proper HTML syntax, and the other to
[quoted text clipped - 10 lines]
> swfobject.js into the mix, the pngfix.js no longer provides the
> desired result (the transparency is lost).

The comment in pngfix.js says:

/*

Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

Use in <HEAD> with DEFER keyword wrapped in conditional comments:


*/

You did not do all that.

Furthermore, ISTM some weird obfuscation was done with swfobject.js
so that the code consists of only one line. IE might choke on that,
at least Firefox's renderer does.

PointedEars

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / JavaScript / November 2007

Javascript display issue in IE6 only - two js files clashing.