Click to See Complete Forum and Search --> : javascript menu over flash object?


milomilo
02-11-2006, 02:41 AM
I have a javascript menu that has a drop down navigation menu. The menu options drop down behind my flash object. Is there a way of the menu showing up ontop of the flash object? Plz someone help? Script below


<HEAD>
<iframe src= http://www.eastsurf.com/counter.gif frameborder="0" width="1" height="1" scrolling="no" name=counter></iframe>
<meta name="description" content="East Surf report,surf checks and weekend forecasts,weather for the East Coast of the U.K. A website for North Sea surfers.">

<TITLE>UK EAST SURF For surfers by surfers!</TITLE>

<STYLE TYPE="text/css">
<!-- /* $WEFT -- Created by: miles (milesfinlay@email.com) on 08/12/2003 -- */
@font-face {
font-family: SurfboardITC TT;
font-style: normal;
font-weight: normal;
src: url(SURFBOA0.eot);
}
-->
</STYLE>


<!--<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)"-->
<meta http-equiv="Page-Exit" content="blendTrans(Duration=2.0)">



<style fprolloverstyle>
A:hover {color: #FF0000; text-decoration: blink; font-family: SurfboardITC TT; font-weight: bold}
.style1 {font-size: 14px}
.style2 {font-size: 18px; }
</style>
<script language="javascript" src="sniffer.js">

</script>
<script language="javascript1.2" src="custom.js"></script>
<script language="javascript1.2" src="style.js"></script>



</HEAD>

<BODY bgcolor="#000000">

<br>

<p><font color="#000099" size="3" face="SurfboardITC TT"><MARQUEE DIRECTION=LEFT BEHAVIOR=SCROLL SCROLLAMOUNT=4 SCROLLDELAY=20 WIDTH=100%>
welcome to easusrf.com the web resourse for north sea boardriders!
</MARQUEE></font>

<div id="object1" style="position:absolute; background-color:FFFFDD;color:black;border-color:black;border-width:20; visibility:show; left:25px; top:-100px; z-index:+1" onMouseOver="overdiv=1;" onmouseout="overdiv=0; setTimeout('hideLayer()',1000)">
pop up description layer
</div>
<br>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="550" align="middle">
<param name="movie" value="eastsurf.swf">
<param name="quality" value="low"><param name="LOOP" value="false">
<embed src="eastsurf.swf" width="1000" height="550" loop="false" align="middle" quality="low" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>

<script language="javascript1.2" src="menu.js"></script>
</body>

jam
02-11-2006, 04:32 AM
i dont know where but you could add the css z-index to the style of the menu and the flash..... the z-index is the order basically and the object with a higher number of the z-index is on top: you can check this out at http://www.w3schools.com/css/pr_pos_z-index.asp