Jump to content

iframe conflicting with javascript menu

Guest juantheowl

By Guest juantheowl
in JavaScript

 Share

Recommended Posts

Guest juantheowl

Guest juantheowl

Posted
Posted

I have this javascript menu set up, but the menus that drop down over the iframe will not work. can anyone help me understand why and how to fix this(i think it is only working in internet explorer, is there any way to make it work across browsers? Thanks<p><html><head><style>body{ font-family:helvetica,arial; background:#ffffff; margin-left: 5px; margin-top: 50px; background-image: url(IMGS/bgimage.jpg);}table{ font-size:11px; background:#ffffff; }a{color:black;text-decoration:none;font:bold}a:hover{color:#ff3399}td.menu{background:#ffffff}table.menu{ font-size:9px; position:absolute; visibility: hidden;}</style><script type="text/javascript"><!--function showmenu(elmnt){document.getElementById(elmnt).style.visibility="visible"}function hidemenu(elmnt){document.getElementById(elmnt).style.visibility="hidden"}function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body onLoad="MM_preloadImages('IMGS/infopackrequest2.jpg','IMGS/itestimonials2.jpg','IMGS/ionlinecats.jpg','IMGS/ibasicspricing2.jpg','IMGS/ionlinecats2.jpg','IMGS/iquote2.jpg')"><table width="646"> <!--DWLayoutTable--> <tr bgcolor="#ffffff"> <td onmouseover="showmenu('HOME')" onmouseout="hidemenu('HOME')"> <a href="http://www.rawtalentinc.com">HOME</a><br /> <td onmouseover="showmenu('COMPANY')" onmouseout="hidemenu('COMPANY')"> <a href="http://www.rawtalentinc.com">COMPANY</a><br /> <table class="menu" id="COMPANY" width="80"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">PROFILE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">NEWS & MEDIA</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">TESTIMONIALS</a></td></tr> </table> </td> <td onmouseover="showmenu('PRODUCTS & SERVICES')" onmouseout="hidemenu('PRODUCTS & SERVICES')"> <a href="http://www.rawtalentinc.com">PRODUCTS & SERVICES</a><br /> <table class="menu" id="PRODUCTS & SERVICES" width="150"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">APPAREL BASICS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">ONLINE CATALOGS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">PROMOTIONAL MERCHANDISE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">FASHION MERCHANDISE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">DECORATION TECHNIQUES</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">PRICING</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">COLOR CHARTS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">FINISHING SERVICES</a></td></tr> </table> </td> <td onmouseover="showmenu('INDUSTRY SOLUTIONS')" onmouseout="hidemenu('INDUSTRY SOLUTIONS')"> <a href="http://www.rawtalentinc.com">INDUSTRY SOLUTIONS</a><br /> <table class="menu" id="INDUSTRY SOLUTIONS" width="170"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">OVERVIEW</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">MUSIC</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">FOOD & BEVERAGE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">SCHOOLS & CHURCHES</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">MEDIA</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">SPORTS & FITNESS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">TOYS, GAMING & LEISURE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">TRANSPORTATION</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">MEDICAL</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">EVENTS & CAMPS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">TECHNOLOGY</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">FASHION</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">GENERAL BUSINESS & NON-PROFIT</a></td></tr> </table> </td> <td onmouseover="showmenu('FULFILLMENT')" onmouseout="hidemenu('FULFILLMENT')"> <a href="http://www.rawtalentinc.com">FULFILLMENT</a><br /> <table class="menu" id="FULFILLMENT" width="140"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">OVERVIEW</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">PROGRAMS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">CLIENT LOGIN</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">ADD A LOCATION</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">DECORATION TECHNIQUES</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">TEST-DRIVE ONLINE STORE</a></td></tr> </table> </td> <td onmouseover="showmenu('DESIGN LAB')" onmouseout="hidemenu('DESIGN LAB')"> <a href="http://www.rawtalentinc.com">DESIGN LAB</a><br /> <table class="menu" id="DESIGN LAB" width="110"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">OVERVIEW</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">GALLERY</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">ART REQUIREMENTS</a></td></tr> </table> </td> <td onmouseover="showmenu('SHOP')" onmouseout="hidemenu('SHOP')"> <a href="http://www.rawtalentinc.com">SHOP</a><br /> <table class="menu" id="SHOP" width="120"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">RAW TALENT CLOTHING</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">DESIGN IT!</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">REQUEST A QUOTE</a></td></tr> </table> </td> <td onmouseover="showmenu('CONTACT US')" onmouseout="hidemenu('CONTACT US')"> <a href="http://www.rawtalentinc.com">CONTACT US</a><br /> <table class="menu" id="CONTACT US" width="150"> <tr><td class="menu"><a href="http://www.rawtalentinc.com">CATALOG REQUEST</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">LIVE HELP</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">CUSTOMER SERVICE</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">CORPORATE HEADQUARTERS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">STREET TEAMS</a></td></tr> <tr><td class="menu"><a href="http://www.rawtalentinc.com">JOB OPPORTUNITIES</a></td></tr> </table> </td> <td width="1"></td></table><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <!--DWLayoutTable--> <tr> <td width="100%" height="374" valign="top"><iframe src="http://www.rawtalentinc.com/blank.html" FRAMEBORDER="0" width="289" height="369" name="mainframe"></iframe></td> </tr></table></body></html>

Link to comment
Share on other sites
scott100 Dedicated Member

scott100

Posted
Posted
I have this javascript menu set up, but the menus that drop down over the iframe will not work. can anyone help me understand why and how to fix this(i think it is only working in internet explorer, is there any way to make it work across browsers? Thanks<p>

Your iframe is sitting on top of the menu, use css z-index to make your menu sit on top of the iframe (think of z-index as giving your page layers - zero is the lowest and anything higher sits on top of it)in your iframe <iframe style="z-index: 0;" /> in your table styletable{font-size:11px;background:#ffffff;z-index: 1;}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...