Problema Com Camada

Spyder.RV · Setembro 16, 2005

Tenho uma camada que está sobre alguns campos de formulário.

O problema é que os campos do form estão sobrepondo esta camada.

Como colocar a camada sobre todos os campos de formulário?

OSJunior · Setembro 16, 2005

Como está o código?

Spyder.RV · Setembro 16, 2005

Está assim:

<div id="Help" style="position:absolute; left:99px; top:3px; width:538px; height:64px; z-index:0; background-color: #FFF7DD; layer-background-color: #FFF7DD; border: 1px none #000000; visibility: hidden;">

OSJunior · Setembro 16, 2005

Tem mais alguma coisa?

Cadê o código do form?

Spyder.RV · Setembro 17, 2005

Tá aqui:

<!-- Não coloquei nada no action porque vai sar validado por JavaScript -->
<form action="" name="frmConsulta" id="frmFiltro" method="post">
   M&ecirc;s: 
   <select name="chMonth" class="Campo" id="chMonth">
      <option value="1">Janeiro
      <option value="2">Fevereiro
      <option value="3">Mar&ccedil;o
      <option value="4">Abril
      <option value="5">Maio
      <option value="6">Junho
      <option value="7">Julho
      <option value="8">Agosto
      <option value="9" selected>Setembro
      <option value="10">Outubro
      <option value="11">Novembro
      <option value="12">Dezembro
   </select>
   &nbsp;&nbsp;Dia:
   <select name="chDay" class="Campo" id="chDay">
      <option value="1">1
      <option value="2">2
      <option value="3">3
      <option value="4">4
      <option value="5">5
      <option value="6">6
      <option value="7">7
      <option value="8">8
      <option value="9">9
      <option value="10">10
      <option value="11">11
      <option value="12">12
      <option value="13">13
      <option value="14">14
      <option value="15">15
      <option value="16">16
      <option value="17" selected>17
      <option value="18">18
      <option value="19">19
      <option value="20">20
      <option value="21">21
      <option value="22">22
      <option value="23">23
      <option value="24">24
      <option value="25">25
      <option value="26">26
      <option value="27">27
      <option value="28">28
      <option value="29">29
      <option value="30">30
      <option value="31">31
   </select>
   &nbsp;&nbsp;Ano:
   <select name="chYear" class="Campo" id="chYear">
      <option value="2005" selected>2005
   </select>
   &nbsp;&nbsp;Conv&ecirc;nio:
   <select name="chConvenio" class="Campo" id="chConvenio">
      <option value="0">&lt;Todos&gt;
      <option value="30">CONVENIO 001
      <option value="1">CONVENIO 002
      <option value="50">CONVENIO 003
      <option value="269">CONVENIO 004
      <option value="55">CONVENIO 005
   </select>
   <input type="button" name="Submit" value="Mostrar" class="Botoes2" onClick="ValidaForm();">
</form>

A camada, eu coloquei logo após o <Body>. Fica invisível até que o usuário clicar no link de Ajuda da página.

<div id="Help" style="position:absolute; left:99px; top:3px; width:538px; height:64px; z-index:0; background-color: #FFF7DD; layer-background-color: #FFF7DD; border: 1px none #000000; visibility: hidden;">

E a dadadinha insiste em ficar por trâs dos campos.

OSJunior · Setembro 17, 2005

Hum...

Cara, você se lembrou de fechar a camada?

Utilizar o </div>, sabe?

Spyder.RV · Setembro 18, 2005

lembrei sim. tá fechada.

fercosmig · Setembro 18, 2005

amigo este é um exemplo que eu uso que funciona na boa, eu acho que oque falta ae é você tirar este z-index=0 talvez funcione.

<a style="cursor: hand; cursor: pointer" OnClick="if (document.getElementById('info').style.display == '') { document.getElementById('info').style.display = 'none' } else { document.getElementById('info').style.display = '' }"><b>+ Detalhes</b></a><br>
<div id="info" style="width: 220px; display: none; padding: 8px; background-color: #E7ECF1; border: solid 1px #ACB6C0">
Teste Teste
</div>

abraços

Spyder.RV · Setembro 18, 2005

Resolvi trocar os Menus de Lista (Mes, Dia, Ano) por um campo de texto formatado como Data (dd/mm/yyyy).

Além de ficar mais fácil para o usuário selecionar uma data inicial para filtrar os dados, o danadinho do div funcionou tanto no FF como no IE fuleiro.

valeu pelas dicas.

T+++

OSJunior · Setembro 18, 2005

Se estiver resolvido, como está o código final, se você puder nos passar, para podermos auxiliar outros membros.

Flws.

Spyder.RV · Setembro 18, 2005

Ok, Aki vai:

Primeiro o Form:

<form action="" name="frmFiltro" id="frmFiltro" method="post">
      &nbsp;Conv&ecirc;nio:
      <select name="chConvenio" class="Campo" id="select">
         <option value="0">&lt;Todos&gt;
         <option value="1">CONVENIO 001
         <option value="2">CONVENIO 002
         <option value="3">CONVENIO 003
   </selection>
   &nbsp;&nbsp;|&nbsp;&nbsp;Data Inicial(dd/mm/aaaa): 
   <input name="dataInicial" type="text" " value="" size="10" maxlength="10">
   <input type="button" name="btnMostrar" value="Mostrar" onClick="ValidaForm();">
</form>

Agora a Camada:

<div id="Help" style="position:absolute; left:337px; top:3px; width:342px; height:140px; background-color: #FFF7DD; layer-background-color: #FFF7DD; border: 1px none #000000; cursor: help; visibility: hidden;" class="subMenu">

   <table width="100%" height="100%" border="0" cellpadding="0" class="subMenu" style="border-width: 2px; border-style: dashed; border-color: #cccccc; cursor: help;">
      <tr>
         <td width="95%" height="17" bgcolor="#33CCFF"><b>Dica de boa utilização</b></td>
         <td width="5%" bgcolor="#33CCFF"><span OnClick="Mostra('Help', 0);"><b>X</b></span></td>
      </tr>
      <tr>
         <td colspan="2">Para melhor rapidez na exibi&ccedil;&atilde;o dos laudos, selecioneos<br>filtros abaixo e clique em <b>Mostrar.</b><br><br><b><i>LEMBRE-SE:</i><br>--------------<br>1</b>. A velocidade em que as informa&ccedil;&otilde;es ser&atilde;o mostradas,<br>vai depender do conjunto de filtros que voc&ecirc; selecionar.<br><b>2.</b> Somente laudos cadastrados ap&oacute;s o dia<br><span id="Limite"><font color='#003300'><b><? echo($limiteInicial); ?></b></font></span> est&atilde;o dispon&iacute;veis na internet.<br><b>3.</b> Ser&atilde;o mostrados todos os registros dispon&iacute;veis<br>a partir da data selecionada.
         </td>
      </tr>
   </table>

</div>

Acabei de testar, ta funfando beleza.... agora vou dar uma otimizada nela porque tá até difícil de entender...

Entrar

Problema Com Camada

Pergunta

Link para o comentário

Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns