Javascript Dialog Over A Flash Movie

I have a such system: When the mainsite opens, A flash image gallery appears, when the user clicks on an image, using the Flash's 'ExternalInterface.call' function, I call a javasc

Solution 1:

Transparent won't work for this. In order to show HTML over Flash, you need to show your movie with wmode="opaque".

Also, setting CSS zIndex property to 0 for the movie and 1000 (or anything above 0) to the popup will help in some browsers.

Solution 2:

var flashFlag = false;
var flashObjs;

// on javascript Dialog open event
flashFlag = checkflashContent();

functioncheckflashContent() {    
    //alert('checking for flash');    var flashObjects = newArray();    
    var flag = false;

    for (i = 0; i < document.getElementsByTagName("object").length; i++) {    
        flashObjects[i] = document.getElementsByTagName("object")[i];

        // alert('found flash');    jQuery(flashObjects[i]).hide();    
        flag = true;    
    }    
    flashObjs = flashObjects;    
    return flag;    
}

// on Javascript dialog close eventfunctioncloseDialog(){
...
...
if (flashFlag) {    
    //alert('dialog closed, showing flash');for (i = 0; i < flashObjs.length; i++) {    
        jQuery(flashObjs[i]).show();    
    }    
}

// On Open Event get the elements by tag Name (OBJECT) // and use jQuery .hide to hide the content and on // dialog close event use jQuery .show to show the flag back.

Solution 3:

You need to embed the flash using the transparent or opaque wmode.

But be prepared to have some fun. There are some odd bugs surrounding it.

Solution 4:

It sounds like you have something corrupt with your browser installations, this should seriously not even remotely be an issue regardless of embed configuration. Alert windows are generated more or less at the Win32/OS level, if they are displaying improperly or with corruption, then your computer is f'ed.

Solution 5:

You have a strange mixture of old school HTML and XHTML there. I'd take out the center tag, the bgcolor attribute on the body and put the style for the wrapper div into a style, even if it's just embedded in the page.

That said, the only thing I can think that might be giving it some issues is that you have the z-index set on the div, but no position. Try adding position: relative to the div and see if that cures what ails you.