Ir para conteúdo

POWERED BY:

Arquivado

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

TiagoMaker

Lógica para formulário

Por , em Javascript

Recommended Posts

TiagoMaker    3

TiagoMaker
Postado

Dae galera, queria pedir o auxílio da comunidade pra montar um formulário onde as filiais da empresa onde trabalho, digitariam os campos para solicitar a troca de algum equipamento com defeito. Queria que me ajudassem a construir uma lógica para ele. (não quero ajuda com script pronto)

 

Os campos seriam basicamente esses:

 

Loja: xxx (onde seria digitado o número da loja)

Contato: xxxxx (nesse caso seria com que o solicitante falou)

Equipamento: |xxxxx| (aqui viria um select com equipamentos mais comuns, ex: cpu, monitor, impressora, outros). Aqui está o perigo, porque quando o solicitante selecionar o tipo o CampoDescrição, deve ser N° da CPU quando CPU, quando for monitor e impressora deve ser Modelo. E quando for "outros" ele deve ser descrição.

CampoDescrição: xxxxxx (se alterando conforme equipamento)

Defeito Diagnosticado:

Solicitante:

Obs.:

 

Seria basicamente isso, o problema mesmo é o campo equipamento e o descrição, teria que usar um ajax e jquery, mas como não tenho muita experiência preciso de ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Seria basicamente isso, o problema mesmo é o campo equipamento e o descrição, teria que usar um ajax e jquery, mas como não tenho muita experiência preciso de ajuda.

A julgar pelo termo destacado, pressupõe-se que você já tem conhecimento para executar as rotinas PHP, logo seu problema é com JavaScript.

 

Você não precisa de AJAX para isso, mas pode usar jQuery para facilitar o manipulamento DOM.

 

Movido

 

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript Frameworks

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

basicamente combobox dependentes ?

http://forum.imasters.com.br/index.php?/topic/365795-combos-dependentes-ajax-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites

TiagoMaker    3

TiagoMaker
Postado

Não exatamente, pois ao escolher no combo, teria que ser impresso na tela um texto comum, sem input ou combo. Tentei fazer usando IFs (COMO EU DISSE QUE USARIA PHP), o código ficou gigante, mas teria que fazer com que a linha só aparece após a escolha do combo, porém, não consigo fazer nem alterar. Vou postar aqui como ficou:

 

<?php include("../includes/config.php"); ?>
<!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=iso-8859-1" />
<title>SOLICITAÇÃO DE EQUIPAMENTOS DE INFORMÁTICA</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-color: #FFF;
}
-->
</style></head>
<body>
<form id="form1" action="cadastro_grava.php" method="post" name="cadastro">
<table width="1000" align="center" style="margin-top:10px">
  <tr>
    <td height="78" align="center" style="font-size:18px"><b>SOLICITAÇÃO DE EQUIPAMENTO DE INFORMÁTICA</b><BR></td>
  </tr>
  <tr>
    <td height="44" align="center">
<table width="55%" border="0" height="100" align="center">
  <tr>
    <td align="center">
	<?php 
	include "../includes/conexao.php";
	$sql = "SELECT id_solicitacao FROM solicitacao ORDER BY id_solicitacao DESC LIMIT 1";
	$query = mysql_query($sql);
	while($dados = mysql_fetch_array($query)) {
		
?>
        <?php
    if ($_GET["msg"] == "sucesso") {
                echo "<h3>* SOLICITTAÇÃO ENVIADA COM SUCESSO!<br />PROTOCOLO N° <B>$dados[id_solicitacao]</B></h3>";
				
	}
?><?php } ?>
    </td>
  </tr>
</table>
<p align="center"><b>SELECIONE O EQUIPAMENTO QUE DESEJA SOLICITAR:</b><br /><br />
<span id="spryselect1"><select name="equipamento" id="equipamento" style="width:200px;">
      <option value="" id="">SELECIONE</option>
      <option value="CPU" id="equipamento">CPU</option>
      <option value="MONITOR" id="equipamento">MONITOR</option>
      <option value="IMP.ECF" id="equipamento">IMP.ECF</option>
      <option value="IMP.MATRICIAL" id="equipamento">IMP.MATRICIAL</option>
      <option value="IMP.LASER" id="equipamento">IMP.LASER</option>
      <option value="TECLADO" id="equipamento">TECLADO</option>
      <option value="MOUSE" id="equipamento">MOUSE</option>
      <option value="PIN-PAD" id="equipamento">PIN-PAD</option>
      <option value="NO-BREAK" id="equipamento">NO-BREAK</option>
      <option value="OUTROS" id="equipamento">OUTROS</option>
    </select></span></p>
<table width="650" cellspacing="5" style="border:solid 1px #000;">

  <tr>
    <td align="right"><strong>FILIAL:</strong></td>
    <td align="left"><span id="sprytextfield1"><input name="filial" type="text" size="13" maxlength="3" value="" />
    </span> EX.: 07, 55, 102</td>
  </tr>
   <tr>
    <td align="right"><b>DATA DE CONTATO:</b></td>
    <td align="left"><span id="sprytextfield2"><input name="data" type="text" size="13" maxlength="10" onkeypress="Data(event, this)" value=""/></span></td>
  </tr>
  <tr>
<td width="231" align="right"><strong>CONTATO CPD:</strong></td>
<td width="407" align="left">
<span id="spryselect1"><select name="tecnico" id="tecnico" style="width:130px;">
      <option value="" id="">SELECIONE</option>
      <option value="DIEGO" id="tecnico">DIEGO</option>
      <option value="HENRIQUE" id="tecnico">HENRIQUE</option>
      <option value="JADER" id="tecnico">JADER</option>
      <option value="MARCELO" id="tecnico">MARCELO</option>
      <option value="MARCIO" id="tecnico">MARCIO</option>
      <option value="TIAGO" id="tecnico">TIAGO</option>
    </select></span>
</td>
  </tr>
 <?php
if ($_GET["equip"] == "CPU")
{
	echo '<tr>
    <td align="right"><b>N° DA CPU:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: DLCRED3310, LTSP0312, WS010</td>
  </tr>';
}
else if ($_GET["equip"] == "MONITOR") 
{
	echo '<tr>
    <td align="right"><b>MODELO/COR:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: LG 710E CINZA, SAMSUNG 591V BRANCO</td>
  </tr>';
}
else if ($_GET["equip"] == "IMP.ECF") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: BEMATECH MP2100</td>
  </tr>';
}
else if ($_GET["equip"] == "IMP.MATRICIAL") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: EPSON LX300</td>
  </tr>';
}
else if ($_GET["equip"] == "IMP.LASER") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: HP 1320/td>
  </tr>';
}
else if ($_GET["equip"] == "IMP.LASER") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: HP 1320/td>
  </tr>';
}
else if ($_GET["equip"] == "TECLADO") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: PRETO PS/2, BRANCO AT/td>
  </tr>';
}
else if ($_GET["equip"] == "MOUSE") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: PRETO PS/2, BRANCO AT/td>
  </tr>';
}
else if ($_GET["equip"] == "PIN-PAD") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: INGENICO, GERTEC/td>
  </tr>';
}
else if ($_GET["equip"] == "NO-BREAK") 
{
	echo '<tr>
    <td align="right"><b>MODELO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: GRANDE, PEQUENO/td>
  </tr>';
}
else if ($_GET["equip"] == "OUTROS") 
{
	echo '<tr>
    <td align="right"><b>DESCRIÇÃO:</b></td>
    <td align="left"><span id="sprytextfield4"><input name="equipamento" type="text" size="50" maxlength="50" value="" /></span> EX.: DESUMIDIFICADOR, PRINT SERVER/td>
  </tr>';
}
?>  

  <tr>
    <td align="right"><b>SITUAÇÃO APRENSENTADA:</b></td>
    <td align="left"><span id="sprytextfield5"><input name="situacao" type="text" size="50" maxlength="50" value="" /></span></td>
  </tr>
  <tr>
    <td align="right"><b>PROCEDIMENTO:</b></td>
    <td align="left"><span id="sprytextfield6"><input name="procedimento" type="text" size="50" maxlength="50" value="" /></span></td>
  </tr>
  <tr>
    <td height="30" colspan="2" align="left" valign="middle"><a href="#" onclick="javascript:window.open('../infos/roteiro_popup.php','ROTEIRO','width=550,height=650');"> > VERIFICAR ROTEIRO DE CARREGAMENTO</a></td>
    </tr>
      </table>
      <p><br />
<input id="bt" type="submit" name="bt" value="CADASTRAR"></p><br />
</td>
  </tr>
</table>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Repito:

 

Você não precisa de AJAX para isso, mas pode usar jQuery para facilitar o manipulamento DOM.

 

Da forma como você fez, de fato um AJAX seria requerido pois a cada alteração no valor selecionado do SELECT, uma requisição seria enviada apenas para ecoar o texto.

 

Simplifique. Faça todos echo, de todos os <TR> (que nem deveria estar sendo usado para isso) juntos.

 

Nomeie o ID dessas <TR> de forma a facilitar a manipulação via seletor. Pode até ser com o próprio valor do value (que redundante :P ) da tag OPTION

 

Mais ou menos assim:

 

<select name="categorias">
    <option value="nobreak">No-Break</option>
</select>

<table>
    <tr id="nobreak">
        <td>No-Break</td>
    </tr>
</table>
Com isso, você já deve ser capaz de fazer sozinho. Estou te incentivando a estudar, não vou te dar a resposta pronta, certo?

 

Referências necessárias:

 

Seletores

 

.change()

val()

 

Isso acrescido das estruturas básicas do JavaScript e você resolve seu problema.

 

Bons estudos

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito