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
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