I'm working with a LightWindow (
http://stickmanlabs.com/lightwindow/)
which uses prototypejs and
script.aculo.us. This lightwindow differs
from other lightboxes in that you can load other things besides images
such as html pages, flash files, movies, etc. It works fine when I set
it to load a web page using a text link with code like this...
<a href="box-angola.html" class="lightwindow" rel="[worldwide]"
params="width=650" caption="Angola -">Angola<a/>
I'm trying to get the lightwindow to load when I press a flash button
on the page. I have some javascript in my html head that has a
function that is called by the flash file button. The javascript
activates the lightwindow when the flash button is pressed...
<script type="text/javascript">
function loadWindow() {
var objLink = document.createElement('a');
objLink.setAttribute('href','box-angola.html');
objLink.setAttribute('caption', 'caption text');
myLightWindow.activateWindow(objLink);
}
</script>
This works in Firefox and loads the light window correctly. In IE6,
the window loads, but it looks like all the css formatting is gone.
When digging further, I found out that in IE, for some reason, it is
loading the content into an iFrame instead of just sticking the
content into a div in the lightwindow html. This appears to me to be
the reason the formatting is all messed up. Loading things into an
iFrame is a feature of LightWindow, but I don't have that parameter
turned on, and I'm not sure why IE is defaulting to that.
I've been searching for the past few days for answers, but can't find
anything and the LightWindow forum is down. I'm getting desperate
now, haha, any help would be very appreciated! let me know if you
need any more information.
Thanks,
Mike