[Resolvido] Box Expansivel

Dieguinhu Web · Maio 20, 2008

Gente beleza???

tenho um problemão q nem sei como resolver

È o seguinte eu fiz um box expansivel igual do site da maujor q você coloca conteudo dentro da DIV ela aumenta de acordo com o conteudo ...

E no mesmo código eu fiz um javascript para OCULTAR e EXIBIR uma DIV até aí beleza

só que eu queria que ao aparecesse a DIV o box aumentasse e não eu ter que deixar a caixa grande pra DIV entrar dentro dela...queria que ao execultar a função que faz aparecer a div q contem uma tabela o box aumentasse...porque tive que setar as propriedade de height do box pra ele ficar grande e a div aparecer dentro dele ... :blink:

espero q fui claro se alguem poder me ajudar ou ter alguma solução eu posto código...

Abraço

DSerma · Maio 20, 2008

Faça com que a sua função que insere o box na DIV redimensionar a Heigth e a Width da DIV... tipo:

document.getElementById('id_da_div').style.width = document.getElemetnById('id_do_box').style.width + 20 + 'px;'

Abraços...

Diego_l_l · Maio 21, 2008

cara não funcionou aqui

essa aqui debaixo é o JS pra aparecer a DIV

CODE

<script type="text/javascript">
function cma(id) {

var cmd = document.getElementById(id);

if( cmd.style.visibility == "hidden" ) {

cmd.style.visibility = "visible";

} else {

cmd.style.visibility = "hidden";

teste.style.visibility = "hidden";

} }

</script>

esse aki é que você me passou

CODE

<script type="text/javascript">
function aumenta() {

document.getElementById('mn').style.width=document.getElementById('box00').style.width + 20 + 'px';

}

</script>

e esse é o codigo HTML

CODE

<div id="box00">

<div class="elastico">

	<div class="titulo">

<H6>Topo</H6>

</div>

	<div class="conteudo">
 
<div id="mn" class="cma" style="visibility: hidden;">

	<p>CONTEUDO DA DIV</p>

</div>

</div>

</div>

</div>

coloquei a função q voce me passou na que faz aparecer a DIV só que ela não redimensiona a caixa ela fica estática se puder dar uma analisada no código eu agradeceria que estou precisando disto...

Obrigado

DSerma · Maio 21, 2008

Legal.. você criou a função aumenta... mas. ONDE você chama ela ????? Hein ???/

Se você apenas criar uma função.. mas não fizer a chamada dela.. ela nao funciona.... ¬¬

Abraços...

Dieguinhu Web · Maio 21, 2008

cara fiz a chamada dela e não funcionou

fiz de tudo quanto é jeito e não funciona aumenta(),aumenta('box00')..

cma('mn') é a que faz aparecer a div e aumenta() é a que eu estou tentando aki mas sem sucesso...

tipo quando o cara clica em pesquisar aumenta o box expansivel e aparece a DIV

ahh esqueci de citar o css da minha pagina

<style type="text/css">
#box00 {
	font: 0.9em Arial, Helvetica, sans-serif;
	width:80%;
	height:100%;
	color:#333; 
	margin: 0;
	}
#box1 {
	width:100%;
	height:100%;
	color:#333; 
	margin: 0;
	}
#dados{
margin-left:490px;
}	
.cma {
margin: 5px 0 0 0;
padding: 5px;
top: 380px;
left: 280px;
position: absolute;
z-index: 3;
}

.radio{
margin: 5px 0 0 0;
padding: 5px;
width: 500px;
top: 600px;
left: 280px;
position: absolute;

}
.fixo {
	margin: 0 auto;
	width: 25em;
	background: url(Imagens/canto-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
	z-index:20;
	}
.titulo {
	background: url(Imagens/canto-sup-dir.jpg) no-repeat 100% 0;
	margin: 0;
	padding: 0;
	text-align: center;
					z-index:21;
	}
.titulo h6 { 
	background: url(Imagens/canto-sup-esq.jpg) no-repeat 0 0;
	margin: 0;
	/*padding: 45px 20px 5px;*/
	color: #333; 
	font-weight: bold; 
	font-size: 1.4em; 
	line-height: 1.0em;
	}
/** html .titulo h6 {height: 1%;} /* Hack para IE5 PC */
.conteudo {
	background: url(Imagens/canto-inf-esq.jpg) no-repeat  0 100%;
	color:#fff;
	margin: 0;
	/*padding: 5px 45px 45px;*/
	}
.conteudo q{
	color:#333;
	}
.conteudo b{
	margin-left:200px;
	}
#boxes .conteudo p { 
	margin:0.7em;
	line-height:1.2em;
	}
.elastico {
	width:100%;
	height:100%;
	background: url(Imagens/canto-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
		}
.GridRow
{
	background-color: Transparent;
}

.GridRowAlternate
{
	background-color: #E5EDF6;
}
.GridHeader
{
	background-color: #5182BC;
}

</style>

DSerma · Maio 21, 2008

Tenta isso

<script>
window.onload = function(){
document.getElementById("box").style.width = "100px";
document.getElementById("box").style.height = "200px";
document.getElementById("mn").style.width = "300px";
document.getElementById("mn").style.height = "300px";

}

function mostra()
{
	document.getElementById("mn").style.visibility = "visible";
	document.getElementById("box").style.width = document.getElementById("mn").scrollWidth + 20 + "px;";
	document.getElementById("box").style.heigth = document.getElementById("mn").scrollHeight + 20 + "px;";
	}
</script>
<br />

<div id="box">
<div class="elastico">
<div class="titulo">
<H6>Topo</H6>
</div>
<div class="conteudo">

<div id="mn" class="cma" style="visibility: hidden;">
<p>CONTEUDO DA DIV</p>
</div>
</div>
</div>
</div>

<a href = "#" onclick = "mostra(); return false"> Mostrar Div </a>

PS: Para funcionar você nao pode especificar as dimensões via CSS..

Abraços..

Dieguinhu Web · Maio 21, 2008

Cara não funcionou e não precisa aumentar o width só o height

a div aparece e não muda a caixa expansível ou seja ela só altera se eu colocar conteúdo dentro da div

:(

segue o codigo tirei as propriedades do CSS pra ver se funcionava e nada

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<title>Prótotipo</title> 
	<link rel="stylesheet" href="css/estilo.css" media="screen">
<script>
window.onload = function(){
document.getElementById("box00").style.width = "630px";
document.getElementById("box00").style.height = "200px";
document.getElementById("mn").style.width = "300px";
document.getElementById("mn").style.height = "300px";

}

function mostra()
{
	document.getElementById("mn").style.visibility = "visible";
	document.getElementById("box00").style.heigth = document.getElementById("mn").scrollHeight + 20 + "px;";
	}
</script>


<script type="text/javascript">
function cma(id) {
var cmd = document.getElementById(id);
document.getElementById('mn').style.width=document.getElementById('box00').style.width + 20 + 'px';
if( cmd.style.visibility == "hidden" ) {
cmd.style.visibility = "visible";
} else {
cmd.style.visibility = "hidden";
teste.style.visibility = "hidden";
} }
</script>


<script type="text/javascript">
function apareceradio() {
teste.style.visibility = "visible";
}

</script>

	<style type="text/css">
#box00 {
	font: 0.9em Arial, Helvetica, sans-serif;
	color:#333; 
	margin: 0;
	}
#box1 {
	width:100%;
	height:100%;
	color:#333; 
	margin: 0;
	}
#dados{
margin-left:490px;
}	
.cma {
margin: 5px 0 0 0;
padding: 5px;
top: 380px;
left: 280px;
position: absolute;
z-index: 3;
}

.radio{
margin: 5px 0 0 0;
padding: 5px;
width: 500px;
top: 600px;
left: 280px;
position: absolute;

}
.fixo {
	margin: 0 auto;
	width: 25em;
	background: url(Imagens/canto-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
	z-index:20;
	}
.titulo {
	background: url(Imagens/canto-sup-dir.jpg) no-repeat 100% 0;
	margin: 0;
	padding: 0;
	text-align: center;
					z-index:21;
	}
.titulo h6 { 
	background: url(Imagens/canto-sup-esq.jpg) no-repeat 0 0;
	margin: 0;
	/*padding: 45px 20px 5px;*/
	color: #333; 
	font-weight: bold; 
	font-size: 1.4em; 
	line-height: 1.0em;
	}
/** html .titulo h6 {height: 1%;} /* Hack para IE5 PC */
.conteudo {
	background: url(Imagens/canto-inf-esq.jpg) no-repeat  0 100%;
	color:#fff;
	margin: 0;
	/*padding: 5px 45px 45px;*/
	}
.conteudo q{
	color:#333;
	}
.conteudo b{
	margin-left:200px;
	}
#boxes .conteudo p { 
	margin:0.7em;
	line-height:1.2em;
	}
.elastico {
	width:100%;
	height:100%;
	background: url(Imagens/canto-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
		}
.GridRow
{
	background-color: Transparent;
}

.GridRowAlternate
{
	background-color: #E5EDF6;
}
.GridHeader
{
	background-color: #5182BC;
}

</style>
	<script language="JavaScript">

function abrir(URL) {

var width = 750;
var height = 680;

var left = 99;
var top = 10;

window.open(URL,'Fotos', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');

}

</script>

<script>
function verificaOpcao( valor ){
  if( valor == 1 ){
	document.getElementById("placa").disabled = false;
	document.getElementById("codigo").disabled = true;
  }else if( valor == 2){
	document.getElementById("placa").disabled = false;
	document.getElementById("codigo").disabled = false;
  }
}
</script>


<script type="text/javascript" language="JavaScript">
var now = new Date(); 
var hours = now.getHours(); 
var minutes = now.getMinutes(); 
var timeValue = "" + ((hours >12) ? hours -12 :hours) 
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += (hours >= 12) ? " PM" : " AM" 
timerRunning = true; 

mydate = new Date(); 
myday = mydate.getDay(); 
mymonth = mydate.getMonth(); 
myweekday= mydate.getDate(); 
weekday= myweekday; 
myyear= mydate.getYear(); 
year = myyear

if(myday == 0) 
day = " Domingo, " 

else if(myday == 1) 
day = " Segunda, " 

else if(myday == 2) 
day = " Terça, " 

else if(myday == 3) 
day = " Quarta, " 

else if(myday == 4) 
day = " Quinta, " 

else if(myday == 5) 
day = " Sexta, " 

else if(myday == 6) 
day = " Sábado, " 

if(mymonth == 0) 
month = " de Janeiro de " 

else if(mymonth ==1) 
month = " de Fevereiro de " 

else if(mymonth ==2) 
month = " de Março de " 

else if(mymonth ==3) 
month = " de April de " 

else if(mymonth ==4) 
month = " de Maio de "

else if(mymonth ==5) 
month = " de Junho de " 

else if(mymonth ==6) 
month = " de Julho de " 

else if(mymonth ==7) 
month = " de Agosto de " 

else if(mymonth == 8)
month = " de Setembro de " 

else if(mymonth ==9) 
month = " de Outubro de " 

else if(mymonth ==10) 
month = " de Novembro de " 

else if(mymonth ==11) 
month = " de Dezembro de " 

</script>

</head>
<body background="Imagens/bg.gif">
<div id="tudo">
<div id="topo">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td><img src="Imagens/hd_tunel.gif"></td>
	
  </tr>
  <tr>
	<td background="Imagens/Fd_degrade.gif" style="font-family: arial, verdana, sans-serif; font-size:10px; color:white;">
	<span style="margin-left:10px">Bem Vindo Maximiliano Ultimo acesso 14/05/2008</span>
	<span style="margin-left:300px">
	<script type="text/javascript">
	document.write( day + myweekday + month + year + " - " + timeValue);
	</script></span>
	</td>
	</tr>
</table>
</div>
<div id="meio">
<div id = "lateral">
<table width="17.5%"  border="0" cellpadding="0" cellspacing="0" >
  <tr>
	<td background="Imagens/lateral.jpg " style="background-repeat: no-repeat;" >
	<p style="font-family: arial, verdana, sans-serif;font-size:10px;color:white;margin-left:11px;margin-top:20px;font-weight:bold"><img src="Imagens/Bullet2.gif"> Abrir Solicitação</p>
	<p style="font-family: arial, verdana, sans-serif;font-size:10px;color:white;margin-left:11px;font-weight:bold"><img src="Imagens/Bullet2.gif"> Consultar Solicitação</p>
	<p style="font-family: arial, verdana, sans-serif;font-size:10px;color:white;margin-left:11px;font-weight:bold"><img src="Imagens/Bullet2.gif"> Informações</p>
	<p> </p>
	<p> </p>
	<p> </p>
	</td>
  </tr>
</table>
</div>
<span style="font-family: arial, verdana, sans-serif;font-size:10px;color:black"><a href="">Início</a></span> <span style="color:#2C416E">»</span> <span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2C416E">Abertura Solicitação</span>
<div id = "lateral2" style="margin-right:17px">
<span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:black">Consolidadora:</span><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:#1447B0">Grupo Accor</span>
<br><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:black;margin-left:12px">Empresa:</span><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:#1447B0">Ticket Serviços</span>
<br><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:black;margin-left:50px">Base:</span><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:#1447B0">Piraporinha</span>
<br><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:black;margin-left:35px">Gestor:</span><span style="font-family: arial, verdana, sans-serif;font-size:10px;font-weight:bold;color:#1447B0">Plínio Freitas</span>
</div>
<br>
<br>
<span style="font-family: arial, verdana, sans-serif;font-size:14px;font-weight:bold;color:#1447B0">Abertura Solicitação Normal</span>
<br><br>
<span style="font-family: arial, verdana, sans-serif;font-size:12px;font-weight:bold;color:#1447B0;margin-left:0px"><img src="Imagens/seta.gif">   Dados do Veículo</span>
<div id="box00">
<div class="elastico">
	<div class="titulo">
<H6> </H6>
</div>
	<div class="conteudo" style="padding: 5px 35px 20px;">
		  <table width="546" border="0" cellspacing="4" cellpadding="0" style="margin-left:30px">
			<tr>
			  <td valign="bottom">
			  <span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">UF</span> 
				<select>
<script type="text/javascript">
var i=0
for (i=0;i<=26;i++)
{
(
myArray = new Array
("AC",
"AL",
"AM",
"AP",
"BA",
"CE",
"DF",
"ES",
"GO",
"MA",
"MG",
"MS",
"MT",
"PA",
"PB",
"PE",
"PI",
"PR",
"RJ",
"RN",
"RO",
"RR",
"RS",
"SC",
"SE",
"SP",
"TO")
)
var myState = myArray[i]
if (myState == "SP") 
{
document.write("<option selected value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")
} 
else 
{
document.write("<option value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")	
}
}
</script>
</select>
			  
	</td>
	<td width="106" align="left">
	<span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Cidade</span>
	<select>
<script type="text/javascript">
var i=0
for (i=0;i<=26;i++)
{
(
myArray = new Array
("ACRE",
"ALAGOAS",
"AMAPÁ",
"AMAPÁ",
"BAHIA",
"CEARÁ",
"DISTRITO FEDERAL",
"ESPÍRITO SANTO",
"GOIÁS",
"MARANHÃO",
"MINAS GERAIS",
"MATO GROSSO DO SUL",
"MATO GROSSO",
"PARÁ",
"PARAÍBA",
"PERNANBUCO",
"PIAUÍ",
"PARANÁ",
"RIO DE JANEIRO",
"RIO GRANDE DO NORTE",
"RONDONIA",
"RORAIMA",
"RIO GRANDE DO SUL",
"SANTA CATARINA",
"SERGIPE",
"SÃO PAULO",
"TOCANTIS")
)
var myState = myArray[i]
if (myState == "SÃO PAULO") 
{
document.write("<option selected value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")
} 
else 
{
document.write("<option value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")	
}
}
</script>
</select>
	
	</td>
	<td width="250" >
	<span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Bairro</span>
	<select name="">
	<script type="text/javascript">
var i=0
for (i=0;i<=21;i++)
{
(

myArray = new Array
("BUTANTÃ",
"SÃO MATEUS",
"CIDADE TIRADENTES",
"GUAIANAZES",
"ERMELINO MATARAZZO",
"VILA GUILHERME",
"VILA MARIA",
"CACHOERINHA",
"VILA PRUDENTE",
"IPIRANGA",
"JABAQUARA",
"LAPA",
"PINHEIROS",
"SANTO AMARO",
"CASA VERDE",
"SANTANA",
"TUCURUVI",
"TREMEMBÉ",
"JAÇANÃ",
"PIRITUBA",
"FREGUESIA DO Ó",
"PERUS")
)
var myState = myArray[i]
if (myState == "PIRITUBA") 
{
document.write("<option selected value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")
} 
else 
{
document.write("<option value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")	
}
}
</script>
</select>
	</td>
	<td width="4"> </td>
  </tr>
  <tr>
			  <td height="38" colspan="2"> <span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Nome</span> 
				<input name="" type="text" size="40">
	</td>
	<td>
	<span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Fabricante:</span>
		<select name="">
	<script type="text/javascript">
var i=0
for (i=0;i<=14;i++)
{
(

myArray = new Array
("CHEVROLET",
"FIAT",
"VOLKSWAGEN",
"HONDA",
"MITSUBISHI",
"LADA",
"FORD",
"PORSHE",
"FERRARI",
"LAND ROVER",
"MERCEDEZ",
"VOLVO",
"NISSAN",
"HYUNDAI",
"RENAULT")
)
var myState = myArray[i]
if (myState == "CHEVROLET") 
{
document.write("<option selected value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")
} 
else 
{
document.write("<option value=")
document.write(myState)
document.write(">")
document.write(myState)
document.write("</option>")	
}
}
</script>
</select>
</td>
</tr>
  <tr>
	<td><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Ramo</span>
	<select name="">
	<option>CONCESSIONÁRIA</option>
	<option>OFICINA</option>
	</select>
	</td>
	<td align="right"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#2A437B;font-weight:bold">Especialidades</span>
	<select name="">
	<option>MOTOR</option>
	<option>LATARIA</option>
	<option>BORRACHARIA</option>
	<option>AUTO-ELÉTRICA</option>
	
	</select></td>
	</tr>
	<tr>
	 <td height="44"><a href = "#" onclick = "mostra(); return false"><img src="Imagens/btn_pesquisar.jpg" border="0"></a></td>
	</tr>
</table>
	<div id="mn" class="cma" style="visibility: hidden;">
	<table width="546" border="0" cellspacing="1" cellpadding="0" >
	<img src="Imagens/seta_azul.gif"><span style="font-family: arial, verdana, sans-serif;font-size:12px;font-weight:bold;color:#1447B0">    Resultado Pesquisa</span> 
	<tr class="Font Bold White GridHeader">
	<td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Cód Item</span></td>
	<td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Nome</span></td>
	 <td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Ramo</span></td>
	<td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Detalhes</span></td>
	<td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Endereço</span></td>
	<td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Número</span></td>
	 <td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Bairro</span></td>
	 <td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">Cidade</span></td>
	 <td style="height: 18px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px">UF</span></td>
	 </tr>
  <tr class="Font GridRow">

	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:12px"><a href="#" onclick="apareceradio()">25.698</span></a></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">DPaschal</span></td>
	
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Oficina</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa"><img src="Imagens/alertaverde.gif"></span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Rua Henrique Shaumman</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">589</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Sumaré</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">São Paulo</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">SP</span></td>
	
  </tr>
   <tr class="Font GridRowAlternate">

	<td style="height: 20px" align="center"><a href="java script:abrir('1.htm');"> <span style="font-family: arial, verdana, sans-serif;font-size:12px">25.987</span></a></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Ticket Auto Peças</span></td>
	
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Concessionária</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa"><img src="Imagens/alertaverde.gif"></span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Av Paulista</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">2313</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Cerqueira Cézar</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">São Paulo</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">SP</span></td>
	
  </tr>
   <tr class="Font GridRow">

	<td style="height: 20px" align="center"><a href="java script:abrir('1.htm');"> <span style="font-family: arial, verdana, sans-serif;font-size:12px">22.680</span></a></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Tec Car</span></td>
	
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Oficina</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa"><img src="Imagens/alertaverde.gif"></span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Av rebouças</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">1080</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">jardim Paulistano</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">São Paulo</span></td>
	<td style="height: 20px" align="center"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">SP</span></td>
	
  </tr>
  </table>
  <br>
  <div id="teste" style="visibility: hidden;">
  <span style="font-family: arial, verdana, sans-serif;font-size:10px;color:#0044aa">Voce deseja confirmar a escolha deste estabelecimento?</span>
  <br><input name="" type="radio" value="" onClick="document.location='abertura_resumo.htm'"><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:black">Sim</span>
  <input name="" type="radio" value=""><span style="font-family: arial, verdana, sans-serif;font-size:10px;color:black">Não</span>
  </div>
</div>
</div>
</div>
</div>
<p align="right" style="margin-right:40px"><a href="abertura.htm"><img src="Imagens/btn_ok.jpg" border="0"></a>   <img src="Imagens/btn_cancelar.jpg"></p>
<div id="rodape"> 
	  <table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr> 
		  <td background="Imagens/Fd_footer2.gif">
		  <span style="font-family: arial, verdana, sans-serif;font-size:10px;color:white">® Accor Services-Grupo Mundial de Hotelaria ,Turismo e Serviços</span>
		  </td>
		</tr>
	  </table>
	</div>
</div>
</div>
</body>
</html>

DSerma · Maio 21, 2008

você testou o exemplo q te passei ???.. Funcionou ???

Se sim... é só você analisar meu código e ver oq está de errado....

Abraços..

Dieguinhu Web · Maio 21, 2008

Sim testei não funcionou....

acho q não seria a DIV box e sim conteudo mas fiz isso tambem e não funcionou nossa q dificil.... :unsure:

alias acho q não dá para fazer isso

porque fiz

function mostra()

{

document.getElementById("mn").style.visibility = "visible";

document.getElementById("box00").style.heigth = "700px";

}

</script>

e a caixa não aumenta...a div MN que é pra aparecer aumentando o box flexivel aparece em cima e não abaixa a caixa...

Dieguinhu Web · Maio 21, 2008

Cara consegui...

e foi do jeito q você fez é que minha tela tem muito CSS e tava mudando o scrip

Brigadão cara

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

Arquivado

[Resolvido] Box Expansivel

Recommended Posts

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diego_l_l 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante