<< Blogging Goal | Home | Cache Crazy >>

Flash Floating Menu with Drop Downs...

So, my flash guy and I were working today on an issue where we needed a "floating" flash menu.  The reason it has to be floating is that it has drop downs that will "drop" over content/links, etc.  So, We devised a way to change the z-index of the div that contains the flash movie.

This was working great, until today, when all of the sudden, flash started barfing and shutting down on us.  Not sure what was going on.

So, we came up with an ingenious solution.  When the flash movie does not have the mouse over it, we roll the div up so that only the top 51 pixels (the root layer of the menu) is showing.  Then, on a mouseover, the div that contains the flash will expand to 236 pixels to accommodate the drop downs. 

Pretty cool.  Great job Rich!

Print | posted on Wednesday, February 08, 2006 8:31 PM

Feedback

# re: Flash Floating Menu with Drop Downs...

left by solid at 2/9/2006 5:23 AM Gravatar
Very clever solution.

# re: Flash Floating Menu with Drop Downs...

left by JAN at 3/14/2006 6:51 PM Gravatar
how do you get the div to change depending on the mouse over?

# re: Flash Floating Menu with Drop Downs...

left by kyle at 3/15/2006 8:01 AM Gravatar
function bringToFront() {
document.getElementById("divMenu").style.height = "236px";
document.getElementById("divMenu").style.zIndex = 500;
}
function sendToBack() {
document.getElementById("divMenu").style.height = "51px";
document.getElementById("divMenu").style.zIndex = 2;
}
Title  
Name
Email (never displayed)
Url
Comments   
Please add 5 and 3 and type the answer here:
Copyright © Kyle