Jump to content

IFRAME Hides my Drop Down Menu


aamberker

Recommended Posts

menus.html~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Neel Nadkarni's Navigation Bar</title><script language="JavaScript"><!--function mmLoadMenus() { if (window.mm_menu_0225151558_0) return; window.mm_menu_0225151558_0 = new Menu("root",185,30,"Verdana, Arial, Helvetica, sans-serif",12,"#000000","#FFFFFF","#FFCC00","#423500","left","middle",5,0,1000,-5,7,true,false,true,0,true,true); mm_menu_0225151558_0.addMenuItem("Bhajans","location='#'"); mm_menu_0225151558_0.addMenuItem("Indian Songs on Keyboard","location='#'"); mm_menu_0225151558_0.addMenuItem("Hindustani Classical","location='#'"); mm_menu_0225151558_0.addMenuItem("American Songs","location='#'"); mm_menu_0225151558_0.hideOnMouseOut=true; mm_menu_0225151558_0.bgColor='#555555'; mm_menu_0225151558_0.menuBorder=1; mm_menu_0225151558_0.menuLiteBgColor='#FFFFFF'; mm_menu_0225151558_0.menuBorderBgColor='#777777';mm_menu_0225151558_0.writeMenus();} // mmLoadMenus()//--></script><script language="JavaScript" src="mm_menu.js"></script></head><body style="margin: 0"><script language="JavaScript1.2">mmLoadMenus();</script><table width="800" cellspacing="0" cellpadding="0" align="center"> <tr> <td><a href="index.html"><img src="new_images/home.jpg" alt="Home" width="161" height="46" border="0" /></a></td> <td><a href="#"><img src="new_images/music.jpg" alt="Music" name="image1" width="160" height="46" border="0" id="image1" onmouseover="MM_showMenu(window.mm_menu_0225151558_0,0,46,null,'image1')" onmouseout="MM_startTimeout();" /></a></td> <td><a href="concerts.html"><img src="new_images/concerts.jpg" alt="Concerts" width="160" height="46" border="0" /></a></td> <td width="160"><a href="picture_gallery.html"><img src="new_images/gallery.jpg" alt="Gallery" width="160" height="46" border="0" /></a></td> <td><a href="contactme.html"><img src="new_images/contactme.jpg" alt="Contact Me" width="159" height="46" border="0" /></a></td> </tr></table></body></html>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~index.html - In this file, the "Dropdown" is not showing-up :) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled 1</title></head><body><table style="width: 800px; height: 46px" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <iframe name="I1" id="I1" src="menus.html" marginwidth="0" marginheight="0" height="46" width="800" title="navigationmenu" scrolling="no" style="float: center" border="0" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames. </iframe> </td> </tr></table></body></html>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SO??? :)

Link to comment
Share on other sites

Do the menus work when the file is loaded by itself, without being in the iFrame?Is mm_menu.js in the same directory as menus.html?I suspect this is really a javascript problem, but I can't tell because you didn't include mm_menu.js, which I understand you might not be permitted to. Other people's software sometimes breaks if you use it in a way the author never anticipated. It's possible the iFrame has messed up the utility's expectations about the DOM structure.Are you getting any error messages? Firefox is ideal for developing on because it has the built-in error console, but even IE has basic error messaging, but only if you turn it on, I think? (Someone else will have to tell you how to do that; I don't remember and I'm sitting at my Mac.)

Link to comment
Share on other sites

It might be a z-index issue.Problem with that is that you need position:absolute or position:fixed (I think) for the z-index to work correctly. I am not certain that the z-indexing would allow the drop-down to over-ride the I-frame, but try it and let us know if it works.

Link to comment
Share on other sites

Wait, according to the code I think he is including the drop-down menu code through an iframe, but since the iframe has limited height when a menu list expands it drops beneath the bottom border of the iframe (and so is hidden).Try including your menu through other means, such as through a server-side language such as PHP.

Link to comment
Share on other sites

Do the menus work when the file is loaded by itself, without being in the iFrame?Is mm_menu.js in the same directory as menus.html?I suspect this is really a javascript problem, but I can't tell because you didn't include mm_menu.js, which I understand you might not be permitted to. Other people's software sometimes breaks if you use it in a way the author never anticipated. It's possible the iFrame has messed up the utility's expectations about the DOM structure.Are you getting any error messages? Firefox is ideal for developing on because it has the built-in error console, but even IE has basic error messaging, but only if you turn it on, I think? (Someone else will have to tell you how to do that; I don't remember and I'm sitting at my Mac.)
Hi Deirdre's Dad,YUP!!!... "mm_menu.js" file is in the same directory as menus.htmlI am not getting any sort of error messages but somehow the "Dropdown" are not showing-up in my "index.html" page. HOLD ON!!!... Will send you a private message...
Link to comment
Share on other sites

It might be a z-index issue.Problem with that is that you need position:absolute or position:fixed (I think) for the z-index to work correctly. I am not certain that the z-indexing would allow the drop-down to over-ride the I-frame, but try it and let us know if it works.
Hey jlhaslip,Please check your Inbox... I have sent you an URL... Please download the zip file and look into it...
Link to comment
Share on other sites

Wait, according to the code I think he is including the drop-down menu code through an iframe, but since the iframe has limited height when a menu list expands it drops beneath the bottom border of the iframe (and so is hidden).Try including your menu through other means, such as through a server-side language such as PHP.
Hey Synook,Like what sort of "Other Means"???... FYI - The domain is based on Windows Server and hence it doesn't supports PHP... And further more, I do not know about working through a server-side language . I have sent you an URL... Please download the zip file and look into it...Thanks.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...