Ok, apparently js cant make up for all of IE shortcomeings.

I made a layout and it had a png ontop of a css img background. The image was supposed to be transparent, and it was in every browser except IE. I researched it and found that IE has a bug with png transparency, but there was a fix.

This is it.


function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);


And it worked, for a while.

So I went on devloping my site, and I added in a flash navigation bar. When I tested it in IE I had to click on the flash to activate it before I could use it. So once again I researched it, only to find that Microsoft had lost a legal battle over copyrights and was now forced to make users click to activate activeX based media.

But there was a fix, and it works

The only problem is they dont both work at the same time :mad:

This is the fix for it:

objects = document.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML;
}


Help please, I'm no good with javascript

David

the variable value of i may be confusing things.

change this...

objects = document.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML;
}


to this...

objects = document.getElementsByTagName("object");
for (var w = 0; i < objects.length; w++)
{
objects[w].outerHTML = objects[w].outerHTML;
}

I thought that too, and I changed it and it still didnt work. Although I could have missed a variable while changing them.

And on the second script, is this line:
for (var w = 0; i < objects.length; w++)

supposed to be this?:
for (var w = 0; w < objects.length; w++)

Thanks

oops, yeah, that would be correct.

Yeah, never could get them both to work at the same time, but I decided to change the img from a png to a swf(just because none of the other image formats pleased me) and it works like I want.

David