drop-down navigation appears behind Flash player. Is this alegitimate use of Javascript?

Jake Barnes

I've been asked to help out with the navigation bar on this page:

http://www.thesecondroad.org/

The drop down menu (which is pure CSS, save for a fix for IE) appears
behind the Flash module. As I understand the problem, if everything on
the page was absolutely positioned, the designer could give the navbar
a z-index that lifts it above the Flash module. However, nothing on
the page is absolutely positioned. Instead, everything is floated. As
such, I believe the z-index is assigned through the implicit process
of the normal flow of the page.

Would this be a legitimate use of Javascript. to attempt to fix this
problem? If so, what does the fix entail? Could I determine,
onmouseover, the locations of the UL, perhaps from scrollTop, and then
could I use Javascript to set the UL to an absolute position, until
mouseout? Or is there a more elegant way to do it?

Or is this a problem for the designer to fix, without using
Javascript?

Jan 18 '08 #1

Subscribe Reply

5080

Randy Webb

Jake Barnes said the following on 1/17/2008 6:15 PM:

I've been asked to help out with the navigation bar on this page:

http://www.thesecondroad.org/

The drop down menu (which is pure CSS, save for a fix for IE) appears
behind the Flash module.

That is because Flash objects are "windowed objects" and z-index won't
fix the problem. It is the same problem with select lists where they go
"over" everything else. CSS won't fix it either (not by itself). It is
an age old problem.

<snip>

Would this be a legitimate use of Javascript. to attempt to fix this
problem? If so, what does the fix entail? Could I determine,
onmouseover, the locations of the UL, perhaps from scrollTop, and then
could I use Javascript to set the UL to an absolute position, until
mouseout? Or is there a more elegant way to do it?

onmouseover, hide the Flash app, onmouseout show it again.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Jan 18 '08 #2

The Natural Philosopher

Jake Barnes wrote:

I've been asked to help out with the navigation bar on this page:

http://www.thesecondroad.org/

The drop down menu (which is pure CSS, save for a fix for IE) appears
behind the Flash module. As I understand the problem, if everything on
the page was absolutely positioned, the designer could give the navbar
a z-index that lifts it above the Flash module. However, nothing on
the page is absolutely positioned. Instead, everything is floated. As
such, I believe the z-index is assigned through the implicit process
of the normal flow of the page.

Would this be a legitimate use of Javascript. to attempt to fix this
problem? If so, what does the fix entail? Could I determine,
onmouseover, the locations of the UL, perhaps from scrollTop, and then
could I use Javascript to set the UL to an absolute position, until
mouseout? Or is there a more elegant way to do it?

Or is this a problem for the designer to fix, without using
Javascript?

Odd. I got exactly this last night.

The fix was..um..someth ing to do with the flash player definition.

Let me get the page up and copy the source..somethi ng to do with
wmode="opaque"
Here you go.. You will have to puzzle out the important bits from the
stuff Dreamweaver put in. Note the wmode/opaque bit occurs twice..once
as a param, once as and embed param. No I don't understand why, but this
was the fix I found, and it worked.
<object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macrom edia.com/pub/shockwave/cabs/flash/swflash.cab#ver sion=7,0,19,0"
width="600" height="180">
<param name="movie" value="Flashele ments/Greystone.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="Flasheleme nts/Greystone.swf" quality="high"
wmode="opaque" pluginspage="ht tp://www.macromedia. com/go/getflashplayer"
type="applicati on/x-shockwave-flash" width="600" height="180"></embed>
</object>

I did some googling and discovered that unless the wmodes "transparen t"
or "opaque" are used the Flash 'window' is 'detached' from the main
browser..it has no z-indez at all basically. We got weird effects on
firefox and safari (drop downs would be overwritten by a rolling slide
show, but work once stopped), and the drop downs were always behind on IE7.

I think wmode=transpare nt, puts it into the doucment body as well, but
allows the page to shine through or something. Maybe someone more
knowledgeable will elucidate.

If you want to see this code working, www.greystone-interiors.co.uk is
the development site.

>

Jan 18 '08 #3

Similar topics

5794

drop schema problems

by: Ian Dobson | last post by:

Hi, I need to drop a schema from a database but it has 400 tables in it. Is there an easy way to do it other than drop table schema1.table1 drop table schema1.table2 etc.. to 400 and then drop schema schema1? thanks

DB2 Database

26138

ALTER TABLE <TABLE> DROP UNIQUE <INDNAME> doesn't recognize index name!

by: BuddhaBuddy | last post by:

Platform is DB2/NT 7.2.9 The table was created like this: CREATE TABLE MYTEST ( MYTESTOID bigint not null primary key, FK_OTHEROID bigint not null references other, FK_ANOTHEROID bigint not null references another, FK_LASTLYOID bigint not null references lastly, unique (FK_OTHEROID,FK_ANOTHEROID))

DB2 Database

9114

DROP TABLE syntax - use with Select?

by: deko | last post by:

Can the DROP TABLE statement be used with a select or where statement? DROP TABLE SELECT * FROM tblTablesImported WHERE Import_ID Not In (SELECT FROM tblTablesInternal); Or do I have to supply a parameter like: DROP TABLE Sheet1

Microsoft Access / VBA

9201

Drag & drop object in workflow app

by: Grey | last post by:

I need to design a workflow application with C#. I want to design an UI with some workflow components which they can be drag & drop anywhere in order to design the workflow for the application users. Moreover, when the user double click on the component, they can define some routing rules for the process. Is it possible to have such fancy UI in C#?? Any reference sites or tutorial?? Million Thanks.

C# / C Sharp

7121

UserControl - Passing drop event to child control

by: Dave Veeneman | last post by:

Is there a simple way to pass drag-and-drop events to a child control in a UserControl? Here's an example: I have created a UserControl which contains a treeview and some text boxes. I want to be able to drag-and-drop to the treeview from outside the UserControl. Now, when I drag over the treeview in the UserControl, the UserControl gets the drag-and-drop events, but the treeview doesn't. Is there a simple way to pass drag-and-drop...

C# / C Sharp

11663

Do drag n drop in VB.Net in ten lines of code - (too easy)

by: James Allen Bressem | last post by:

Do drag n drop in VB.Net in ten lines of code - (too easy) I was searching through the MSDN documentation trying to figure out how to do drag n drop and I found a sample program. The sample program did all sorts of fancy junk like dynamically create it's user controls etc. (pomp - is it really necessary to be so gaudy when trying to explain a simple point?) So, realizing the state of the economy and the period of history in which I was...

Visual Basic .NET

4715

Create file using drag and drop

by: Darren | last post by:

I'm trying to create a file using drag and drop. I want to be able to select a listview item drag it to the shell and create a file. Each icon in the listview represents a blob in a database. When I drop onto the shell I want a file created with a specified name containing the data from the database. I've looked at the FileDrop format but it look to have only the filename and not the data. TIA

C# / C Sharp

10125

Programmatically initiate a drag and drop operation

by: benkial | last post by:

I am writing a small GUI tool in C#, and I want to experiment some fancy trick as follows: when the user click on a "OK" button, the code will initiate a "Drag and Drop" operation in the GUI itself to itself (i.e. drag some fake object and drop to the tool itself). I am new to .Net programming, but from my reading can I achieve this using SendMessage() or PostMessage() to force a "Drag and Drop" operation? Thanks in advance,

C# / C Sharp

9710

Drag and Drop into Listview

by: TarheelsFan | last post by:

I am having problems with drag and drop into a listview. I am able to drag and drop items from within the listview, as well as drag items from the listview and drop into a picturebox. However, I am not able to drag the text or image from the picturebox to the listview. In the listview_dragenter function, I have e.Effects = DragDropEffects.Copy (I have also tried e.Effects = DragDropEffects.Move, but it does not help either), which is...

C# / C Sharp

5730

vba code to drop multiple tables at once

by: pagelogix | last post by:

I'm looking for a way to drop multple tables at the same time from my access database. Any ideas? Thanks.

Microsoft Access / VBA

8984

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8823

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

9312

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

9238

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

8237

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6793

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6073

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

4864

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2775

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP