Tabelas Redimensionáveis

[Felipe Fonseca 0]

Eh o seguinte ...

To usando ... esse Div .. pra Ocultar uma parte do código .. apenas mostrando quando eh selecionado determinada Opção ...

até aí tudo bem funciona perfeito ...

 

O Problem eh a questão de 'estética' ... pq .. em alguns casos ... eu tenho que colocar a div na Linha debaixo ...

aí fica ... um buraco na Tela ... só sendo preenchida quando eh seleciona a opção Outros ...

 

Gostaria de saber .... se existe alguma maneira da tabela ... diminuir ... sozinha ... quando nao esta selecionado Outros ... e aumentar sozinha quando seleciona Outros ....

 

assim nao ficaria um burado no forumário ...

 

deu pra entender ??

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Ghean 0]

Troque visibility: hidden; por display: none; e depois na função troque visibility: visible; por display: block;.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Felipe Fonseca 0]

Mas no Meu caso .. meu JS esta ssim ...

 

Minha Função

function VALIDAFORMULARIO(aj){	if (aj.name == "MegometroPossui")	{		if (aj.value == "Sim")	//opção desejada -> índice dela e não o valor...			document.getElementById('Instrumental').style.visibility = '';		else			document.getElementById('Instrumental').style.visibility = 'hidden';	}}

Meu HTML

 

<div id="Instrumental" style="visibility:hidden">																					<table border="0" id="table19" cellspacing="0" cellpadding="0">			<tr>				<td><b><font face="Trebuchet MS" size="2" color="#0033CC">				Defeito</font></b></td>				<td width="10"> </td>				<td>				<select size="1" name="MegometroDefeito" onchange="VALIDAFORMULARIO(this);" style="font-family: Trebuchet MS; font-size: 10pt; font-weight: bold; text-align: center">				<option>Sem Defeito</option>				<option>Display Quebrado</option>				<option>Bateria Não Carrega</option>				<option>Medida Errada</option>				<option value="Outros">Outros</option>				</select></td>							<td width="25"> </td>							<td><div id="Instrumental_Outros" style="visibility:hidden">															<table border="0" id="table73" cellspacing="0" cellpadding="0">					<tr>						<td><b>						<font face="Trebuchet MS" size="2" color="#0033CC">Outros</font></b> </td>						<td  width="10"></td>						<td><input type="text" name="MegometroOutros" size="37" style="font-family: Trebuchet MS; font-size: 10pt; font-weight: bold; text-align: center" ></td>					</tr>				</table></div>								</td>						</tr>		</table></div>

Entao como ficaria ...

 

??

[Felipe Fonseca 0]

Perfeito Consegui!!!Vlw Cara você eh um Gênio!