PDA

View Full Version : DHTML Window widget over flash



tecksyst
05-27-2007, 04:54 AM
1) Script Title:
Script: DHTML Window widget
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm

3) Describe problem:
I have installe the exact code to generate a popup window in the middle of my page.
But in the middle of my page I have a big flash applet as a chat.
when the popup window opens, I dont see the title and trying to move the popup moves the window behind the flash so I cant see it or ineract with it.

how can I fixe this ?
How can i have the popup over the flash whitout using the modal popup ?
I have tried this :(with no success)
http://www.communitymx.com/content/article.cfm?cid=e5141

thanks

jscheuer1
05-27-2007, 04:10 PM
If the pop up is ever on top of the flash and moves behind the flash only after you try to move the pop up, it more likely is the z-index of the pop up relative to that of the flash and the wmode of the flash is already set correctly. If the pop up is always behind the flash whenever it is in the same location as the flash then it could be the z-indexes of both elements and/or the wmode of the flash needing adjustment.

The z-index of a given element is a style property that determines where in the stack (above or below) an element appears if two or more elements are in the same place. It is a number:

z-index:100;

The higher the z-index, all other things being equal, will appear on top.

In the style section, try this:


.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
z-index:10000;
}

If that doesn't get it, it probably is the wmode.

A link to your page would help figure this out.

Here is a little more on Flash wmode:


Follow the detailed information at:

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201

Or, if this short version (good in most cases) fixes it, so much the better! Add in this language to your object/embed tag:

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following attribute to the EMBED tag:

wmode="transparent"

If you are using script to generate the tags (as is frequently done to avoid the 'click to activate' feature in some browsers), the wmode transparent must be passed to the script. This is easily accomplished but, varies depending upon the sort of script one uses. Some scripts do it automatically.