PNG Transparency in IE

richard.york · #1 (**permalink**) January 18th, 2004, 04:39 PM

I have a script that I downloaded that corrects PNG transparency in Internet Explorer 6.

Well I'm dabbling in a bit of cross window scripting and I am having some trouble calling on a function..

Here's an XML layout of how my page is structured

<window>
    <script>
        correctPNG();
    </script>
    <iframe>
        <script>
            create popup...
        </script>
        <popup>
            <frameset>
                <frame1 />
                <frame2 />
                <frame3>
                    PNG images
                </frame3>
            </frameset>
        </popup>
    </iframe>
</window>

I'm trying to call on the function in the top most window, correctPNG, from the thrid frame inside of the popup window...

I've tried the following:

<body onload='top.opener.top.correctPNG();'>

AND

All of the content in the pop-up window is written dynamically using Javascript, I also tried adding JavaScript that way:

msg_parts.document.write('<script language=\'javascript\' type=\'text/javascript\'>\n');
msg_parts.document.write('window.attachEvent(\'onl oad\', top.opener.top.correctPNG)\n');
msg_parts.document.write('</');
msg_parts.document.write('script>\n');

This was output from PHP, which is why the newlines were escaped... \\n

This is how the top most window calls on the function.. which works.. how can I call it in the frameset?? So far neither method has come up with JavaScript errors.. which is strange.

Thanks in advance!
: )
Rich

:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::

joefawcett · #2 (**permalink**) January 19th, 2004, 07:03 AM

I don't know the answer but try standard debugging techniques. Give the framesets names and then try:

Code:

alert(top.name);alert(top.opener.name); //etc

in your onload to find out where you are so far.

--

Joe

planoie · #3 (**permalink**) January 19th, 2004, 10:53 AM

If this script is just a utility why not just reference it in the other pages that need it? Seems like that would save you a lot of headache.

Peter
------------------------------------------------------
Work smarter, not harder.

richard.york · #4 (**permalink**) January 19th, 2004, 03:44 PM

Thanks for the suggestions.

I think that the event doesn't fire because the window is opened and written to using JavaScript, so by the time JavaScript starts writing, the onload() handler has already fired long ago.

Quote:

quote:
If this script is just a utility why not just reference it in the other pages that need it? Seems like that would save you a lot of headache.

Well I am thinking an external file would work fabulously for this. I wasn't thinking along those lines originally because my javascript is output with PHP and portions of it change based on a selected color scheme, or change dynamically in some other way.. but I hadn't really noticed this particular script isn't subject to any of that.

I was considering calling on the function this way:

<script language='javascript' type='text/javascript'>
correctPNG();
</script>

Quote:

quote:
alert(top.name);alert(top.opener.name); //etc

Something I guess I left out was I am able to access the opener via top.opener.method and the top frame from the opener via top.method.

After reading your replies I began to suspect my event handler was to blame. So if onload() doesn't work... will I have to cache the images before calling the function as above? I guess I will just have to try it! For the time being though I have a greater bug to crush...

Thanks!
: )
Rich

:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::

nikolai · #5 (**permalink**) January 19th, 2004, 08:26 PM

Quote:

quote:Originally posted by quesadilla5
Well I am thinking an external file would work fabulously for this. I wasn't thinking along those lines originally because my javascript is output with PHP and portions of it change based on a selected color scheme, or change dynamically in some other way.. but I hadn't really noticed this particular script isn't subject to any of that.

Use an external PHP file that generates just the javascript you need:

<?php // my_javascript.php

if (isset($_GET['some_var']))
{
   echo "some javascript code";
}
else
{
   echo "some other javascript code";
}

?>

Then, in your HTML documents:

<html>
<head>

<script language="JavaScript"
        src="my_javascript.php?some_var=some_value"
        type="text/javascript">
</script>
</head>
<body>
....
</body>
</html>

Take care,

Nik
http://www.bigaction.org/

Need to download code?

Navigation