Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ciclana

Menu pop-up + combo

Recommended Posts

Olá!!

Estou tendo um problema quando seleciono um menu pop-up na horizontal, os submenus ficam abaixo do combo que está logo abaixo desse menu... meio difícil de entender falando... é mais fácil olhar: Site

 

Bem, me falaram para colocar um iframe por baixo do menu...

O menu é um div com z-Index 10, você cria um iframe com z-Index 9 por exemplo (pra ficar por baixo) e depois sempre q for mostrar o menu, mostra o div, e sempre q for ocultar o menu, oculta o div...

 

Só que não sei fazer isso... http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

Alguém poderia me ajudar? :rolleyes:

 

O código está abaixo...

 

Muito obrigada!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

 

 

<html><head><!-- TemplateBeginEditable name="doctitle" --> <title>Prática Contábil Ltda. - Informativo</title><!-- TemplateEndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><!-- Fireworks MX Dreamweaver MX target.  Created Thu Sep 15 14:53:16 GMT-0300 (Hora oficial do Brasil) 2005--><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> <!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" --> <script language="JavaScript"><!--function mmLoadMenus() {  if (window.mm_menu_0915110730_0) return;                          window.mm_menu_0915110730_0 = new Menu("root",104,18,"Verdana, Arial, Helvetica, sans-serif",12,"#FFEAEA","#000000","#EF0000","#EF0000","left","middle",3,0,200,-5,7,true,true,true,0,false,true);  mm_menu_0915110730_0.addMenuItem("Contábil","location='../contabil/contabil.htm'");  mm_menu_0915110730_0.addMenuItem("Fiscal","location='../fiscal/fiscal.htm'");  mm_menu_0915110730_0.addMenuItem("Jurídico","location='../juridico.htm'");  mm_menu_0915110730_0.addMenuItem("Pessoal","location='../pessoal/pessoal.htm'");   mm_menu_0915110730_0.fontWeight="bold";   mm_menu_0915110730_0.hideOnMouseOut=true;   mm_menu_0915110730_0.bgColor='#FFFBFB';   mm_menu_0915110730_0.menuBorder=1;   mm_menu_0915110730_0.menuLiteBgColor='#FFFBFB';   mm_menu_0915110730_0.menuBorderBgColor='#EF0000';  window.mm_menu_0915111535_0 = new Menu("root",173,18,"Verdana, Arial, Helvetica, sans-serif",12,"#FFEAEA","#000000","#EF0000","#EF0000","left","middle",3,0,100,-5,7,true,true,true,0,true,true);  mm_menu_0915111535_0.addMenuItem("Agenda Tributária","location='../agenda.htm'");  mm_menu_0915111535_0.addMenuItem("Certidões/Cartão CNPJ","location='../certidoes.htm'");  mm_menu_0915111535_0.addMenuItem("Emissão de Guias","location='../guias.htm'");  mm_menu_0915111535_0.addMenuItem("Indicadores Econômicos","location='../indicadores.htm'");  mm_menu_0915111535_0.addMenuItem("Informativo Prática","location='informativo.htm'");  mm_menu_0915111535_0.addMenuItem("Prática On-line","location='../pratica_online.htm'");   mm_menu_0915111535_0.fontWeight="bold";   mm_menu_0915111535_0.hideOnMouseOut=true;   mm_menu_0915111535_0.bgColor='#FFFBFB';   mm_menu_0915111535_0.menuBorder=1;   mm_menu_0915111535_0.menuLiteBgColor='#FFFBFB';   mm_menu_0915111535_0.menuBorderBgColor='#EF0000';window.mm_menu_0915111703_0 = new Menu("root",148,18,"Verdana, Arial, Helvetica, sans-serif",12,"#FFEAEA","#000000","#EF0000","#EF0000","left","middle",3,0,100,-5,7,true,true,true,0,true,true);  mm_menu_0915111703_0.addMenuItem("Envie seu Currículo","location='../curriculo.htm'");  mm_menu_0915111703_0.addMenuItem("Fale Conosco","location='../fale_conosco.htm'");  mm_menu_0915111703_0.addMenuItem("Prática Responde","location='../pratica_responde.htm'");  mm_menu_0915111703_0.addMenuItem("Pesquisa de Opinião","location='../pesquisa.htm'");   mm_menu_0915111703_0.fontWeight="bold";   mm_menu_0915111703_0.hideOnMouseOut=true;   mm_menu_0915111703_0.bgColor='#FFFBFB';   mm_menu_0915111703_0.menuBorder=1;   mm_menu_0915111703_0.menuLiteBgColor='#FFFBFB';   mm_menu_0915111703_0.menuBorderBgColor='#EF0000';mm_menu_0915111703_0.writeMenus();} // mmLoadMenus()//--></script><script language="JavaScript" src="mm_menu.js"></script><script language="JavaScript" type="text/JavaScript"><!--<!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);function MM_jumpMenu(targ,selObj,restore){ //v3.0  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}//--></script><script language="JavaScript" src="../mm_menu.js"></script><style type="text/css"><!--.texto {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}--></style><style fprolloverstyle>A:hover {color: #FF6666; font-weight: bold}.rodape {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: xx-small;}</style></head><body bgcolor="#ffffff" background="../img/logo_ab.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000" link="#000000"><div id="texto" style="position:absolute; left:11px; top:300px; width:752px; height:363px; z-index:2;"><!-- TemplateBeginEditable name="texto_pag" -->   <p align="center" class="texto"><strong>Divulgação interna da     Prática Contábil Ltda. - Agosto/2005</strong><br>    <img src="../img/faixa_rodape.gif" width="752" height="3"> </p>  <!-- TemplateEndEditable --></div><div id="rodape" style="position:absolute; left:0px; top:644px; width:710px; height:38px; z-index:1">   <div align="center">     <p align="right"> </p>    <!-- TemplateBeginEditable name="rodape" --><table width="780" border="0" cellspacing="0" cellpadding="0">      <tr>         <td colspan="2"><div align="center">             <p><img src="../img/faixa_rodape.gif" width="780" height="9"><br>              <span class="rodape"><font size="1">Rua Padre Bartolomeu Tadei,               500 - Jardim Santa Tereza - 13.311-020 - Itu/SP - clique <a href="../empresa.htm">aqui</a>               para ver o mapa</font></span></p>          </div></td>      </tr>      <tr>         <td width="88%"><div align="center" class="rodape"><font size="1">                                    Fone: (11) 4022-4494 - Fax: (11) 4023-6649</font></div></td>        <td width="12%" class="rodape"><font size="1"><strong><a href="mailto:ana.sites@terra.com.br"><font face="Verdana, Arial, Helvetica, sans-serif">Webmaster</font></a></strong></font></td>      </tr>    </table>    <!-- TemplateEndEditable -->     <p><font size="1"><span class="texto"> </span></font></p>    </div></div><script language="JavaScript1.2">mmLoadMenus();</script><div id="Layer1" style="position:absolute; left:535px; top:141px; width:223px; height:104px; z-index:1"><!-- TemplateBeginEditable name="nome_pag" -->   <div align="right"><img src="../img/img_paginas/informativo.gif" width="238" height="108"></div>  <!-- TemplateEndEditable --></div><div id="informativo" style="position:absolute; left:11px; top:158px; width:519px; height:107px; z-index:-10"><!-- TemplateBeginEditable name="texto" -->   <p class="texto"><br>  </p>  <p class="texto"> </p>  <form action="" method="post" name="form1" class="texto">    Selecione o Informativo desejado:     <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">      <option value="informativo.htm" selected>------------------</option>      <option value="2005_09.htm">Setembro/2005</option>      <option value="2005_08.htm">Agosto/2005</option>    </select>  </form>  <p class="texto"> </p>  <!-- TemplateEndEditable --></div><a name="topo"></a> <img src="../img/modelo1.jpg" name="image1" width="780" height="117" border="0" usemap="#indexMap" id="image1"> <map name="indexMap">  <area shape="rect" coords="669,84,800,116" href="../mapa_site.htm">  <area shape="rect" coords="559,82,667,116" href="../busca.htm">  <area shape="rect" coords="448,82,556,116" href="../sites_uteis.htm">  <area shape="rect" coords="226,83,334,115" href="#" onMouseOver="MM_showMenu(window.mm_menu_0915111535_0,226,116,null,'image1')" onMouseOut="MM_startTimeout();">  <area shape="rect" coords="337,83,445,115" href="#" onMouseOver="MM_showMenu(window.mm_menu_0915111703_0,337,116,null,'image1')" onMouseOut="MM_startTimeout();">  <area shape="rect" coords="1,84,111,116" href="../index.htm">  <area shape="rect" coords="115,83,223,115" href="#" onMouseOver="MM_showMenu(window.mm_menu_0915110730_0,115,116,null,'image1')" onMouseOut="MM_startTimeout();"></map><map name="indexMapMap">  <area shape="rect" coords="226,83,334,115" href="#" onMouseOver="MM_showMenu(window.mm_menu_0915111535_0,226,116,null,'index')" onMouseOut="MM_startTimeout();"></map></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

meu jah tive este problema e resolvi assim:coloquei um iframe dentro do div, e coloquei o menu dentro deste iframeai ele fica em cima do combo!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, aki esta o Div q conterá o Iframe, note q a pagina com a tabela do menu está sendo chamada no Ifame!

 

<!-- Produtos-Novo -->

<div id="Layer1" style="position:relative; left: -297px; overflow: scroll; visibility: inherit; z-index: 0;">

<div id="produtos" style="position:absolute; width:100px; height:137px; z-index:3; left: 435px; top: -77px; visibility: hidden; overflow: visible;" onMouseOut="MM_showHideLayers('produtos','','hide')" class="menu" onMouseOver="MM_showHideLayers('produtos','','show')">

<br>

<br>

<br>

<br>

<iframe src="men_produtos.asp" align="top" width="130" height="81" scrolling="NO" frameborder="0" marginheight="0" marginwidth="0"></iframe>

</div>

</div>

 

 

Aki está o codigo da pagina men_produtos.asp

 

Note q para chamar um link eu usei o """""parent.location"""" pq senaum ela ia abrir a pagina no próprio Iframe, OK

 

<link href="css/Styles.css" rel="stylesheet" type="text/css">

<script language="JavaScript" src="js/scripts.js"></script>

<body bgcolor="#FFFFFF">

<table height="40" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="D8D8D8">

<tr bgcolor="#000000">

<td height="1" colspan="3"><img src="imagens/1x1.gif" width="100%" height="1"></td>

</tr>

<tr>

<td width="1" bgcolor="#000000"><img src="imagens/1x1.gif" width="1" height="100%"></td>

<td width="100%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td onMouseover="putColor(this)" onMouseout="removeColor(this)"> <a onClick="parent.location='produtos_detalhe.asp';" href="#" class="links">Produto

Consulta</a></td>

</tr>

<tr>

<td bgcolor="#000000"><img src="imagens/1x1.gif" width="1" height="100%"></td>

</tr>

<tr>

<td onMouseover="putColor(this)" onMouseout="removeColor(this)"> <a onClick="parent.location='produto_novo.asp';" href="#" class="links">Produto

Novo</a></td>

</tr>

<tr>

<td bgcolor="#000000"><img src="imagens/1x1.gif" width="1" height="100%"></td>

</tr>

<tr>

<td onMouseover="putColor(this)" onMouseout="removeColor(this)"> <a onClick="parent.location='finalizacao_novo.asp';" href="#" class="links">Produto

Finalização</a></td>

</tr>

<tr>

<td bgcolor="#000000"><img src="imagens/1x1.gif" width="1" height="100%"></td>

</tr>

<tr>

<td onMouseover="putColor(this)" onMouseout="removeColor(this)"> <a onClick="parent.location='finalizacao_detalhe.asp';"href="#" class="links">Finalização

Consulta</a></td>

</tr>

</table></td>

<td width="1" bgcolor="#000000"><img src="imagens/1x1.gif" width="1" height="100%"></td>

</tr>

<tr bgcolor="#000000">

<td height="1" colspan="3"><img src="imagens/1x1.gif" width="100%" height="1"></td>

</tr>

</table></body>

 

Bom eh isso caso tenha alguma duvida soh eh pergunta dnovo! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.