PDA

View Full Version : Flash objects disappear when I move the mouse on the navigation bar



wmkie
03-11-2009, 04:54 PM
Hi friends !

I am using the following drop down navigation bar (side menu) on the left pane of my website page:
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

The left pane shows the contents of an INC file named nav.inc. In this nav.inc file, I created a table with two three rows and one column.

1st row is for: drop down navigation bar
2nd row is for: one image
3rd row is for: one .swf (Shockwave) files.


Here is the code below:

**********************************************************
<link rel="stylesheet" type="text/css" href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsmenu/ddlevelsfiles/ddlevelsmenu.js">

</script>

</head>
<body>

<table width="100%" border="0" cellpadding="1" align="center">

<tr><td>
<div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="aboutkie.php">About KIE</a></li>
<li><a href="admission.php">Admission</a></li>
<li><a href="programmes.php">Programmes</a></li>
<li><a href="faculties.php" rel="ddsubmenuside1">Faculties</a></li>
<li><a href="directorates.php" rel="ddsubmenuside2">Directorates</a></li>
<li><a href="projects.php">Projects</a></li>
<li><a href="policies.php">Policies</a></li>
<li><a href="gallery.php">Photo Gallery</a></li>
<li><a href="contactus.php">Contact Us</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>



<!--HTML for the Drop Down Menus associated with Side Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->


<!--Side Drop Down Menu 1 HTML-->

<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
<li><a href="fsintro.php">Faculty of Science</a>
<ul>
<li><a href="csintro.php">Department of Computer Sciences</a></li>
<li><a href="mpintro.php">Department of Mathematics and Physics</a></li>
<li><a href="bcpseintro.php">Department of Biology, Chemistry and Physical Sports</a></li>
</ul>
</li>
<li><a href="feintro.php">Faculty of Education</a></li>
<li><a href="falintro.php">Faculty of Arts and Languages</a></li>
<li><a href="falintro.php">Faculty of Social Sciences and Business Studies</a></li>
</ul>


<!--Side Drop Down Menu 2 HTML-->

<ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">
<li><a href="capdintro.php">Center for Academic Practice and Development</a></li>
<li><a href="daaintro.php">Directorate of Academic Affairs</a></li>
<li><a href="daqintro.php">Directorate of Academic Quality</a></li>
<li><a href="dahrintro.php">Directorate of Administration and Human Resources</a></li>
<li><a href="dfintro.php">Directorate of Finance</a></li>
<li><a href="dfintro.php">Directorate of ICT</a></li>
<li><a href="dfintro.php">Directorate of Library</a></li>
<li><a href="dpicintro.php">Directorate of Planning and Internation Cooperation</a></li>
<li><a href="dracintro.php">Directorate of Research and Consultancy</a></li>
</ul>

<!--Side Drop Down Menu 3 HTML-->

<ul id="ddsubmenuside3" class="ddsubmenustyle blackwhite">
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
<li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
<li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
<li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
</ul>

</td>
</tr>


<tr>
<td>

<img src="images/hdk.jpg" />

</td>
</tr>


<tr>
<td>

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','160','height','121','title','panvideo','src','images/pan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/pan' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="160" height="121" title="panvideo">
<param name="movie" value="images/pan.swf" />
<param name="quality" value="high" />
<embed src="images/pan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="160" height="121"></embed>
</object></noscript>
</div>

</td>
</tr>


</table>
**********************************************************

All is fine, when I browse Firefox and Opera. But in Internet Explorer, a very amazing thing is happening.

When I place the mouse pointer on a menu item (that further has sub menus) on the navigation bar, my flash animation disappears. It only happens in IE.

I am using IE 6.0 and for testing I used IE 7.0 also but the same problem is there.

Please tell me what may be the problem ? How can I overcome with this issue ?

Note: I have changed the relative paths according to my web contents and everything is working fine in Firefox and Opera. Only the problem is in IE.

Regards,

Hemant

rajesh madhavan
03-12-2009, 03:13 PM
Hi,

For IE 7.0 it should not be a problem.

We also use this menu and we have a flash element in our page.

You can set the "tranparency" property in your flash (.swf) file in order to get out of this problem.

Let me know whether it worked.

Cheers
Rajesh Madhavan