Ir para conteúdo

Arquivado

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

AC Rodrigues

[Resolvido] Como Ocultar e Exibir campos de um form ?

Recommended Posts

Caros Colegas do Fórum!

 

meus amigos estou com o seguinte problema e venho recorrer a ajuda ao fórum

 

Minha dúvida é a seguinte

 

Preciso ocultar e exibir campos de um formulário em php ou javascript não tenho ideia como fazer isso

 

o que eu quero fazer exatamente

 

Possuo um select(combobox) com os seguintes campos => Placa Veiculo

=> Modelo Veiculo

=> Data Ultima Revisão

 

O que eu quero fazer é o seguinte:

 

Quando eu selecionar o item "Placa Veiculo" aparecer ao lado um form text para que eu possa digitar a Placa

Quando eu selecionar o item "Modelo Veiculo" aparecer ao lado um form text para que eu possa digitar o Modelo

Quando eu selecionar o item "Data Ultima Revisão" aparecer 3 combobox com os campos dia Mês e Ano para que eu selecione o dia específico que eu quero fazer a pesquisa.

 

 

Já rodei na net e vários códigos que eu testei não consegui implementa-los com exito

 

Será que alguém poderia me ajudar?

 

grato pela Atenção

 

Segue abaixo o meu código da maneira como esta agora

 

<?php require_once('Connections/cnn_connect.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}

$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}

$currentPage = $_SERVER["PHP_SELF"];

mysql_select_db($database_cnn_connect, $cnn_connect);
$query_tipo_veiculo = "SELECT * FROM tipo_veiculo";
$tipo_veiculo = mysql_query($query_tipo_veiculo, $cnn_connect) or die(mysql_error());
$row_tipo_veiculo = mysql_fetch_assoc($tipo_veiculo);
$totalRows_tipo_veiculo = mysql_num_rows($tipo_veiculo);

$maxRows_veiculo = 1;
$pageNum_veiculo = 0;
if (isset($_GET['pageNum_veiculo'])) {
$pageNum_veiculo = $_GET['pageNum_veiculo'];
}
$startRow_veiculo = $pageNum_veiculo * $maxRows_veiculo;

mysql_select_db($database_cnn_connect, $cnn_connect);
$query_veiculo = "SELECT * FROM veiculo";
$query_limit_veiculo = sprintf("%s LIMIT %d, %d", $query_veiculo, $startRow_veiculo, $maxRows_veiculo);
$veiculo = mysql_query($query_limit_veiculo, $cnn_connect) or die(mysql_error());
$row_veiculo = mysql_fetch_assoc($veiculo);

if (isset($_GET['totalRows_veiculo'])) {
$totalRows_veiculo = $_GET['totalRows_veiculo'];
} else {
$all_veiculo = mysql_query($query_veiculo);
$totalRows_veiculo = mysql_num_rows($all_veiculo);
}
$totalPages_veiculo = ceil($totalRows_veiculo/$maxRows_veiculo)-1;

$queryString_veiculo = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_veiculo") == false &&
stristr($param, "totalRows_veiculo") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_veiculo = "&" . htmlentities(implode("&", $newParams));
}
}
$queryString_veiculo = sprintf("&totalRows_veiculo=%d%s", $totalRows_veiculo, $queryString_veiculo);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
a:link {
color: #FFF;
}
body {
background-image: url(images/fundo.jpg);
text-align: center;
font-family: Verdana, Geneva, sans-serif;
}
.TituloForm form table tr td {
font-size: 12px;
color: #FFF;
}
-->
</style>
<script type="text/javascript">
function validaCampo()
{
if(document.cadastro.placa.value=="")
{
alert("O Campo Placa é obrigatório!");
return false;
}
else
return true;
}




<!-- Fim do Javascript que validará os campos obrigatórios! -->
</script>
<link href="styles/css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="634" border="0">
<tr>
<td colspan="2" align="center"><img src="images/banner1.jpg" width="517" height="167" /></td>
</tr>
<tr>
<td width="415" class="TituloForm">Carteira de Veículos</td>
<td width="209"><a href="fechar.php">Fechar Janela</a></td>
</tr>
<tr>
<td colspan="2" class="TituloForm"><form id="busca" name="busca" method="post" action="alteraveiculo">
<table width="469" border="0">
<tr>
<td colspan="2" align="center">Busca Rápida</td>
</tr>
<tr>
<td width="106" height="98" class="campobusca"> </td>
<td width="353"><div>
<table width="539" border="0">
<tr>
<td width="124"><span class="campobusca">Parametro Busca</span></td>
<td ><label>
<input name="busca1" type="text" id="busca1" size="50" />
</label></td>
<td width="80"> </td>
</tr>
<tr>
<td><select name="select" id="select">
<option value="placa">Placa Veiculo</option>
<option value="modelo">Modelo Veiculo</option>
<option value="data">Data</option>
</select></td>
<td><label>
<input name="busca2" type="text" id="busca2" size="50" />
</label></td>
<td><input type="submit" name="button" id="button" value="Pesquisar" /></td>
</tr>
<tr>
<td height="24"> </td>
<td align="left"><label>
<select name="dia" id="dia">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="select2" id="select2">
<option value="jan">Janeiro</option>
<option value="fev">Fevereiro</option>
<option value="mar">março</option>
<option value="abr">abril</option>
<option value="mai">maio</option>
<option value="jun">junho</option>
<option value="jul">julho</option>
<option value="ago">agosto</option>
<option value="set">setembro</option>
<option value="out">outubro</option>
<option value="nov">novembro</option>
<option value="dez">dezembro</option>
</select>
<select name="select3" id="select3">
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
</label></td>
<td> </td>
</tr>
</table>
</div> </td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td colspan="2" align="center"><form id="cadastro" name="cadastro" method="post" action="">
<table width="451" border="0">
<tr>
<td class="style1"> </td>
<td>Dados Cadastrais</td>
</tr>
<tr>
<td class="style1">Código Veiculo</td>
<td><table width="200" border="0">
<tr>
<td><input name="textfield" type="text" id="textfield" value="<?php echo $row_veiculo['idveiculo']; ?>" /></td>
</tr>
</table></td>
</tr>
<tr>
<td width="157" class="style1">Placa do Veículo</td>
<td width="284"><table width="200" border="0">
<tr>
<td><input name="placa" type="text" id="placa" value="<?php echo $row_veiculo['placa_veiculo']; ?>" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>Modelo Veículo</td>
<td><table width="188" border="0">
<tr>
<td><select name="modelo" id="modelo">
<?php
do {
?>
<option value="<?php echo $row_tipo_veiculo['idtipo']?>"<?php if (!(strcmp($row_tipo_veiculo['idtipo'], $row_tipo_veiculo['nome_modelo']))) {echo "selected=\"selected\"";} ?>><?php echo $row_tipo_veiculo['nome_modelo']?></option>
<?php
} while ($row_tipo_veiculo = mysql_fetch_assoc($tipo_veiculo));
$rows = mysql_num_rows($tipo_veiculo);
if($rows > 0) {
mysql_data_seek($tipo_veiculo, 0);
$row_tipo_veiculo = mysql_fetch_assoc($tipo_veiculo);
}
?>
</select></td>
</tr>
</table></td>
</tr>
<tr>
<td>Data Ultima Revisão</td>
<td><table width="200" border="0">
<tr>
<td width="52"><label>
<select name="dia" id="dia">
<option value="01" <?php if (!(strcmp(01, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>01</option>
<option value="02" <?php if (!(strcmp(02, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>02</option>
<option value="03" <?php if (!(strcmp(03, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>03</option>
<option value="04" <?php if (!(strcmp(04, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>04</option>
<option value="05" <?php if (!(strcmp(05, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>05</option>
<option value="06" <?php if (!(strcmp(06, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>06</option>
<option value="07" <?php if (!(strcmp(07, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>07</option>
<option value="08" <?php if (!(strcmp(08, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>08</option>
<option value="09" <?php if (!(strcmp(09, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>09</option>
<option value="10" <?php if (!(strcmp(10, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>10</option>
<option value="11" <?php if (!(strcmp(11, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>11</option>
<option value="12" <?php if (!(strcmp(12, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>12</option>
<option value="13" <?php if (!(strcmp(13, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>13</option>
<option value="14" <?php if (!(strcmp(14, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>14</option>
<option value="15" <?php if (!(strcmp(15, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>15</option>
<option value="16" <?php if (!(strcmp(16, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>16</option>
<option value="17" <?php if (!(strcmp(17, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>17</option>
<option value="18" <?php if (!(strcmp(18, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>18</option>
<option value="19" <?php if (!(strcmp(19, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>19</option>
<option value="20" <?php if (!(strcmp(20, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>20</option>
<option value="21" <?php if (!(strcmp(21, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>21</option>
<option value="22" <?php if (!(strcmp(22, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>22</option>
<option value="23" <?php if (!(strcmp(23, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>23</option>
<option value="24" <?php if (!(strcmp(24, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>24</option>
<option value="25" <?php if (!(strcmp(25, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>25</option>
<option value="26" <?php if (!(strcmp(26, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>26</option>
<option value="27" <?php if (!(strcmp(27, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>27</option>
<option value="28" <?php if (!(strcmp(28, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>28</option>
<option value="29" <?php if (!(strcmp(29, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>29</option>
<option value="30" <?php if (!(strcmp(30, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>30</option>
<option value="31" <?php if (!(strcmp(31, $row_veiculo['dia']))) {echo "selected=\"selected\"";} ?>>31</option>
</select>
</label></td>
<td width="96"><label>
<select name="mes" id="mes">
<option value="jan" <?php if (!(strcmp("jan", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>Janeiro</option>
<option value="fev" <?php if (!(strcmp("fev", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>Fevereiro</option>
<option value="mar" <?php if (!(strcmp("mar", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>março</option>
<option value="abr" <?php if (!(strcmp("abr", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>abril</option>
<option value="mai" <?php if (!(strcmp("mai", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>maio</option>
<option value="jun" <?php if (!(strcmp("jun", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>junho</option>
<option value="jul" <?php if (!(strcmp("jul", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>julho</option>
<option value="ago" <?php if (!(strcmp("ago", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>agosto</option>
<option value="set" <?php if (!(strcmp("set", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>setembro</option>
<option value="out" <?php if (!(strcmp("out", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>outubro</option>
<option value="nov" <?php if (!(strcmp("nov", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>novembro</option>
<option value="dez" <?php if (!(strcmp("dez", $row_veiculo['mes']))) {echo "selected=\"selected\"";} ?>>dezembro</option>
</select>
</label></td>
<td width="38"><label>
<select name="ano" id="ano">
<option value="2010" <?php if (!(strcmp(2010, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2010</option>
<option value="2011" <?php if (!(strcmp(2011, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2011</option>
<option value="2012" <?php if (!(strcmp(2012, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2012</option>
<option value="2013" <?php if (!(strcmp(2013, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2013</option>
<option value="2014" <?php if (!(strcmp(2014, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2014</option>
<option value="2015" <?php if (!(strcmp(2015, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2015</option>
<option value="2016" <?php if (!(strcmp(2016, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2016</option>
<option value="2017" <?php if (!(strcmp(2017, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2017</option>
<option value="2018" <?php if (!(strcmp(2018, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2018</option>
<option value="2019" <?php if (!(strcmp(2019, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2019</option>
<option value="2020" <?php if (!(strcmp(2020, $row_veiculo['ano']))) {echo "selected=\"selected\"";} ?>>2020</option>
</select>
</label></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td><table width="226" border="0">
<tr>
<td width="117"><label>
<input type="submit" name="btnsalvar" id="btnsalvar" value="Alterar Veiculo" />
</label></td>
<td width="99"><label>
<input type="reset" name="btnlimpa" id="btnlimpa" value="Limpar Campos" />
</label></td>
</tr>
</table></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td colspan="2" align="center"> 
<table border="0">
<tr>
<td><?php if ($pageNum_veiculo > 0) { // Show if not first page ?>
<a href="<?php printf("%s?pageNum_veiculo=%d%s", $currentPage, 0, $queryString_veiculo); ?>"><img src="/rastreio/images/First.gif" alt="" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_veiculo > 0) { // Show if not first page ?>
<a href="<?php printf("%s?pageNum_veiculo=%d%s", $currentPage, max(0, $pageNum_veiculo - 1), $queryString_veiculo); ?>"><img src="/rastreio/images/Previous.gif" alt="" /></a>
<?php } // Show if not first page ?></td>
<td><?php if ($pageNum_veiculo < $totalPages_veiculo) { // Show if not last page ?>
<a href="<?php printf("%s?pageNum_veiculo=%d%s", $currentPage, min($totalPages_veiculo, $pageNum_veiculo + 1), $queryString_veiculo); ?>"><img src="/rastreio/images/Next.gif" alt="" /></a>
<?php } // Show if not last page ?></td>
<td><?php if ($pageNum_veiculo < $totalPages_veiculo) { // Show if not last page ?>
<a href="<?php printf("%s?pageNum_veiculo=%d%s", $currentPage, $totalPages_veiculo, $queryString_veiculo); ?>"><img src="/rastreio/images/Last.gif" alt="" /></a>
<?php } // Show if not last page ?></td>
</tr>
</table></td>
</tr>
<tr>
.:Desenvolvido por ACR websites Tecnologia da Informação e All-in-One Soluções em Tecnologia:.
</tr>
</table>
</body>
</html>
<?php
mysql_free_result($tipo_veiculo);

mysql_free_result($veiculo);
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

PHP não faz iteração com usuario, ele roda do lado do servidor.

 

Esse efeito você consegue facil com JavaScript

 

 

Beleza meu amigo,

 

Então como que eu faço esse efeito com javaScript, eu já testei vários scripts porém não obtive resultado... como que eu faço?

 

abração

Compartilhar este post


Link para o post
Compartilhar em outros sites

<select id="passo_um">
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
</select>
<select id="passo_dois">
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
</select>
<select id="passo_tres">
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
   <option>Opção</option>
</select>

 

#passo_dois, #passo_tres { display: none; }

window.onload = function(){
    document.getElementById('passo_um').onchange = function(){
        document.getElementById('passo_dois').style.display = 'inline';
    }
    document.getElementById('passo_dois').onchange = function(){
        document.getElementById('passo_tres').style.display = 'inline';
    }
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal Consegui resolver meu problema usando o seguinte Código Javascript!

 

<script language="javascript">

function HabCampos()

{

if (document.getElementById('pesquisa_data').checked)

{

document.getElementById('data').style.display = "";

document.getElementById('tipo').style.display = "none";

document.getElementById('placa').style.display = "none";

 

}

if (document.getElementById('pesquisa_modelo').checked)

{

document.getElementById('tipo').style.display = "";

document.getElementById('data').style.display = "none";

document.getElementById('placa').style.display = "none";

}

if (document.getElementById('pesquisa_placa').checked)

{

document.getElementById('placa').style.display = "";

document.getElementById('data').style.display = "none";

document.getElementById('tipo').style.display = "none";

}

 

}

</script>

 

 

A Todos Muito Obrigado pela Ajuda....

 

Valeu mesmo!!!

 

Obrigado a Todos!!!

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.