Formulario

[Guest - thescente -]

Olá,

No meu formulario tenho uma tabela com id="nota" ela possui o campo NOTA, eu gostaria que atraves do JavaScript ela fosse inicialmente invisivel.

Agora, se eu selecionasse no meu Select a opção Devolução/Trocas ele tornasse essa tabela visivel para preenchimento.

Como faço isso?

[Fabi SP]

Campo:

<input type="text" name="nota" id="nota" style="visibility:hidden;" />

Select:

<select name="cmb1" id="cmb1" onChange="javascript:mostraCampo();"></select>

Javascript:

function mostraCampo() {
   document.nomeDoForm.nota.style.visibility = "visible";
}

[Guest Guest]

mas eu preciso que a tabela fique totalmente invisivel pois nela possui texto também

[Fabi SP]

Coloca tudo dentro de um div e faça como eu te disse em cima. Funciona perfeitamente.

Talvez você precise setar a posição deste div para absoluto, senão, mesmo invisível, ele vai ficar "ocupando" o espaço da tela.

Se for isso mesmo que você necessita, me avise que posto o código com maiores detalhes.

[thescente]

correto, estou precisando justamente o que você citou

[leo71]

<script>

function aparecer(valor)

{

// Inicio - Digite todos os Menus que deseja ficar invisivel

// Tipo ID_da_TR.style.display = "none"

dev_tro.style.display = "none"

// Fim

if(valor == "dev_tro"){dev_tro.style.display=""}

}

</SCRIPT>

<TABLE>

<TR>

<TD>

<SELECT ONCHANGE="aparecer(this.value)">

<OPTION VALUE="nada">---</OPTION>

<OPTION VALUE="dev_tro">Devolução / Troca </OPTION>

</SELECT>

</TD>

</TR>

<TR ID="dev_tro">

<TD>

Insira o Final Aqui Hehee

</TD>

</TR>

</TABLE>

É isso?

[thescente]

<script>

function aparecer(valor)

{

// Inicio - Digite todos os Menus que deseja ficar invisivel

// Tipo ID_da_TR.style.display = "none"

dev_tro.style.display = "none"

// Fim

if(valor == "dev_tro"){dev_tro.style.display=""}

}

</SCRIPT>

<TABLE>

<TR>

<TD>

<SELECT ONCHANGE="aparecer(this.value)">

<OPTION VALUE="nada">---</OPTION>

<OPTION VALUE="dev_tro">Devolução / Troca </OPTION>

</SELECT>

</TD>

</TR>

<TR ID="dev_tro">

<TD>

Insira o Final Aqui Hehee

</TD>

</TR>

</TABLE>

É isso?

infelizmente não funcionou, ele não deixou a tr invisivel

[thescente]

eu fiz diferente, eu deixei agora dentro da tabela onde consta o campo NOTA, eu fiz uma <div> e deixei invisivel, agora como faço no JavaScript pra fazer ela aparecer quando eu selecionar Devolução / Troca?

Veja como usei:

<div id="Nota" style="visibility:hidden"><table width="100%"  border="0" cellspacing="0" cellpadding="0">

                  <tr class="texto">

                    <td width="26%" height="26"><div align="right">Nota Fiscal N&ordm;:</div></td>

                    <td width="2%">&nbsp;</td>

                    <td width="72%" height="30"><input name="Nota Fiscal" type="text" size="40" maxlength="10">

                    <span class="texto_laranja">*</span></td>

                  </tr>

              </table></div>

[thescente]

alguém pode me ajudar?

[Carlos Messala]

ae, ao invés de visibility:hidden; use display:'none'; e ao invés de visibility:visible;, coloca display:'';

isso resolverá o pipino!