Ir para o conteúdo

Publicidade

 Estatísticas do Fórum

  • 0 Usuários ativos

    0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

Cursos Online iMasters
Foto:

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

  • Por favor, faça o login para responder
4 respostas neste tópico

#1 AC Rodrigues

AC Rodrigues
  • Membros
  • 7 posts

Postado 03 maio 2010 - 11:38

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...nsitional.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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;</td>
</tr>
</table>
</div>&nbsp;</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">&nbsp;</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>&nbsp;</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">&nbsp;
<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);
?>

Editado por João Batista Neto, 03 maio 2010 - 11:51 .
Remover palavra dúvida do título ou descrição por desrespeitar as regras do fórum e adicionar BBCode

  • 0

#2 Desnickadu

Desnickadu
  • Membros
  • 213 posts

Postado 03 maio 2010 - 11:45

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

Esse efeito você consegue facil com JavaScript
  • 0

#3 AC Rodrigues

AC Rodrigues
  • Membros
  • 7 posts

Postado 03 maio 2010 - 14:53

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
  • 0

#4 Evandro Oliveira

Evandro Oliveira

    leia ali -->

  • Membros
  • 4.540 posts

Postado 03 maio 2010 - 16:28

<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';
    }
}

  • 0

#5 AC Rodrigues

AC Rodrigues
  • Membros
  • 7 posts

Postado 04 maio 2010 - 20:42

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!!!
  • 0




Publicidade

/ins>