Ir para conteúdo

POWERED BY:

Arquivado

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

Paulo Roberto Start Corp

simpleAutoComplete varios Campos

Por , em Javascript

Recommended Posts

Paulo Roberto Start Corp    1

Paulo Roberto Start Corp
Postado

Bom dia

 

 

 

 

Estou tentando fazer um formulario de orçamento buscando produtos e valores com autocomplete

 

são 10 campos, fiz um teste apenas com 1 campo para testar e deu ok

 

so que quando eu tento repetir o procedimento no 2° campo ele dá erro

 

 

 

 

é assim que chamo a funçao

 

OBS sou totalmente iniciante em js, deve existir um jeito de eu nao repetir o js 10x e sim colocar tudo como variaveis sei lá

 

desde já Muito obrigado

 

 

 

 

 

 

 

<script type="text/javascript">
$(document).ready(function()
{
    $('#desc1').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },nomeCallback);
       });

function nomeCallback( par )
{
    $("#valor1").val( par[0] );

}

</script>

<script type="text/javascript">
$(document).ready(function()
{
    $('#desc2').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },nomeCallback);
       });

function nomeCallback( par )
{
    $("#valor2").val( par[0] );

}

</script>

 

 

 

 

este é o form

 

 

 

 

<form name="formulario1" id="formulario1" method="post" action="?pg=os/orcamento_db" enctype="multipart/form-data">
<input type="hidden" name="recordID" value="<? echo "$recordID"; ?>">
 <table width="100%" border="0">
   <tr>
     <td valign="top"><table width="100%" border="0">
       <tr>
         <td>Descriçao:</td>
         <td>Quantidade:</td>
         <td>Valor:</td>
       </tr>
       <tr>
         <td><label for="label"></label>
           <input name="desc1" type="text" onKeyDown="javascript:if(event.keyCode == 13){ return false; }" class="small" id="desc1" style="width:220px" onBlur="Pd_maiusculo(this); Calcula()" onClick="foco(this)" onKeyUp="Pd_maiusculo(this);"   value="<? echo $dados_orc['desc1']; ?>"></td>
         <td><input name="qt1" type="text" class="small" id="qt1" style="width:60px" value="<?  $Qt1 =  $dados_orc['qt1']; if ($Qt1 == "") { $Qt1 = "1"; } echo $Qt1?>"></td>
         <td><input name="valor1" type="text" class="moeda small" onBlur="Calcula()" id="valor1" style="width:80px" value="<? $vl1 = $dados_orc['valor1'];
	                                                                                                                                    echo  number_format($vl1, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label16"></label>
           <input name="desc2" type="text" class="small" id="desc2" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc2']; ?>"></td>
         <td><input name="qt2" type="text" class="small" id="qt2" style="width:60px" value="<?  $Qt2 =  $dados_orc['qt2']; if ($Qt2 == "") { $Qt2 = "1"; } echo $Qt2?>"></td>
         <td><input name="valor2" type="text" class="moeda small" onBlur="Calcula()" id="valor2" style="width:80px" value="<? $vl2 = $dados_orc['valor2'];
	                                                                                                                                    echo  number_format($vl2, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label17"></label>
           <input name="desc3" type="text" class="small" id="desc3" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc3']; ?>"></td>
         <td><input name="qt3" type="text" class="small" id="qt3" style="width:60px" value="<?  $Qt3 =  $dados_orc['qt3']; if ($Qt3 == "") { $Qt3 = "1"; } echo $Qt3?>"></td>
         <td><input name="valor3" type="text" class="moeda small" onBlur="Calcula()" id="valor3" style="width:80px" value="<? $vl3 = $dados_orc['valor3'];
	                                                                                                                                    echo  number_format($vl3, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label18"></label>
           <input name="desc4" type="text" class="small" id="desc4" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc4']; ?>"></td>
         <td><input name="qt4" type="text" class="small" id="qt4" style="width:60px" value="<?  $Qt14 =  $dados_orc['qt4']; if ($Qt4 == "") { $Qt4 = "1"; } echo $Qt4?>"></td>
         <td><input name="valor4" type="text" class="moeda small" onBlur="Calcula()" id="valor4" style="width:80px" value="<? $vl4 = $dados_orc['valor4'];
	                                                                                                                                    echo  number_format($vl4, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label19"></label>
           <input name="desc5" type="text" class="small" id="desc5" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc5']; ?>"></td>
         <td><input name="qt5" type="text" class="small" id="qt5" style="width:60px" value="<?  $Qt5 =  $dados_orc['qt5']; if ($Qt5 == "") { $Qt5 = "1"; } echo $Qt5?>"></td>
         <td><input name="valor5" type="text" class="moeda small" onBlur="Calcula()" id="valor5" style="width:80px" value="<? $vl5 = $dados_orc['valor5'];
	                                                                                                                                    echo  number_format($vl5, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label20"></label>
           <input name="desc6" type="text" class="small" id="desc6" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc6']; ?>"></td>
         <td><input name="qt6" type="text" class="small" id="qt6" style="width:60px" value="<?  $Qt6 =  $dados_orc['qt6']; if ($Qt6 == "") { $Qt6 = "1"; } echo $Qt6?>"></td>
         <td><input name="valor6" type="text" class="moeda small" onBlur="Calcula()" id="valor6" style="width:80px" value="<? $vl6 = $dados_orc['valor6'];
	                                                                                                                                    echo  number_format($vl6, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label21"></label>
           <input name="desc7" type="text" class="small" id="desc7" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc7']; ?>"></td>
         <td><input name="qt7" type="text" class="small" id="qt7" style="width:60px" value="<?  $Qt7 =  $dados_orc['qt7']; if ($Qt7 == "") { $Qt7 = "1"; } echo $Qt7?>"></td>
         <td><input name="valor7" type="text" class="moeda small" onBlur="Calcula()" id="valor7" style="width:80px" value="<? $vl7 = $dados_orc['valor7'];
	                                                                                                                                    echo  number_format($vl7, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label22"></label>
           <input name="desc8" type="text" class="small" id="desc8" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc8']; ?>"></td>
         <td><input name="qt8" type="text" class="small" id="qt8" style="width:60px" value="<?  $Qt8 =  $dados_orc['qt8']; if ($Qt8 == "") { $Qt8 = "1"; } echo $Qt8?>"></td>
         <td><input name="valor8" type="text" class="moeda small" onBlur="Calcula()" id="valor8" style="width:80px" value="<? $vl8 = $dados_orc['valor8'];
	                                                                                                                                    echo  number_format($vl8, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label23"></label>
           <input name="desc9" type="text" class="small" id="desc9" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc9']; ?>"></td>
         <td><input name="qt9" type="text" class="small somar" id="qt9" style="width:60px" value="<?  $Qt19 =  $dados_orc['qt9']; if ($Qt9 == "") { $Qt9 = "1"; } echo $Qt9?>"></td>
         <td><input name="valor9" type="text" class="moeda small" onBlur="Calcula()" id="valor9" style="width:80px" value="<? $vl9 = $dados_orc['valor9'];
	                                                                                                                                    echo  number_format($vl9, 2, ',', '.');
																																		 ?>"></td>
       </tr>
       <tr>
         <td><label for="label24"></label>
           <input name="desc10" type="text" class="small" id="desc10" style="width:220px" onBlur="Pd_maiusculo(this);" value="<? echo $dados_orc['desc10']; ?>"></td>
         <td><input name="qt10" type="text" class="small" id="qt10" style="width:60px" value="<?  $Qt10 =  $dados_orc['qt10']; if ($Qt10 == "") { $Qt10 = "1"; } echo $Qt10?>"></td>
         <td><input name="valor10" type="text" class="moeda small" onBlur="Calcula()" id="valor10" style="width:80px" value="<? $vl10 = $dados_orc['valor10'];
	                                                                                                                                    echo  number_format($vl10, 2, ',', '.');
																																		 ?>"></td>
       </tr>
     </table></td>
     <th valign="top"><table width="100%" border="0">
       <tr>
         <td> </td>
         <td> </td>
       </tr>
       <tr>
         <td><span>* Forma de Pagamento</span>:</td>
         <td><span>
           <select name="tipo_pg2" size="1" id="tipo_pg2"  style="width:150px" class="small">
             <option value="À Vista" selected="selected">À Vista</option>
             <option value='7 dias'>7 dias</option>
             <option value="7 dias">7 dias</option>
             <option value="10 dias">10 dias</option>
             <option value="15 dias">15 dias</option>
             <option value="À Combinar">À Combinar</option>
             <option value="Entrada + 30 dias">Entrada + 30 dias</option>
             <option value="30 dias">30 dias</option>
             <option value="30 60 90 dias">30 60 90 dias</option>
             </select>
           </span><img src="images/question.png" alt="" width="16" height="16" rel="tooltips" title="Escolha uma Forma de Pagamento"></td>
       </tr>
       <tr>
         <td><span class="rel_txt_altera"><span class="FrmTxtObrigatorio">* </span>Validade da 
           Proposta:</span></td>
         <td><span class="FrmItensView">
           <select name="validade_orc2" id="validade_orc2" style="width:150px" class="small">
             <option value='30 dias' selected>30 dias</option>
             <option value="10 dias">10 dias</option>
             <option value="20 dias">20 dias</option>
             <option value="30 dias">30 dias</option>
             <option value="40 dias">40 dias</option>
             <option value="50 dias">50 dias</option>
             <option value="60 dias">60 dias</option>
             <option value="90 dias">90 dias</option>
             <option value="120 dias">120 dias</option>
             <option value="Outro">Outro - Informe...</option>
             </select>
           </span><img src="images/question.png" alt="" width="16" height="16" rel="tooltips" title="Defina a Validade do Orçamento"></td>
       </tr>
       <tr>
         <td><span class="rel_txt_altera"><span class="FrmTxtObrigatorio">*</span> Prazo Para Conclusão:</span></td>
         <td><span class="FrmItensView">
           <select name="prazo_servico2" id="prazo_servico2" style="width:150px"  class="small">
             <option value='' selected>Escolha...</option>
             <option value="6 horas">06 horas</option>
             <option value="12 horas">12 horas</option>
             <option value="18 horas">18 horas</option>
             <option value="24 horas">24 horas (1 dia útil)</option>
             <option value="36 horas">36 horas</option>
             <option value="48 horas">48 horas (2 dias úteis)</option>
             <option value="72 horas">72 horas (3 dias úteis)</option>
             <option value="96 horas">96 horas (4 dias úteis)</option>
             <option value="120 horas">120 horas (5 dias úteis)</option>
             <option value="144 horas">144 horas (6 dias úteis)</option>
             <option value="168 horas">168 horas (7 dias úteis)</option>
             <option value="192 horas">192 horas (8 dias úteis)</option>
             <option value="216 horas">216 horas (9 dias úteis)</option>
             <option value="240 horas">240 horas (10 dias úteis)</option>
             <option value="360 horas">360 horas (15 dias úteis)</option>
             <option value="480 horas">480 horas (20 dias úteis)</option>
             <option value="600 horas">600 horas (25 dias úteis)</option>
             <option value="720 horas">720 horas (30 dias úteis)</option>
             <option value="Outro">Outro - Informe...</option>
             </select>
           </span><img src="images/question.png" alt="" width="16" height="16" rel="tooltips" title="Tempo para Realizar o Serviço apos aprovação"></td>
       </tr>
       <tr>
         <td><span>*</span> Garantia do Serviço:</span></td>
         <td><span>
           <select name="select" style="width:150px" class="small" >
             <option value='' selected>Escolha...</option>
             <option value="6 horas">06 horas</option>
             <option value="12 horas">12 horas</option>
             <option value="18 horas">18 horas</option>
             <option value="24 horas">24 horas (1 dia útil)</option>
             <option value="36 horas">36 horas</option>
             <option value="48 horas">48 horas (2 dias úteis)</option>
             <option value="72 horas">72 horas (3 dias úteis)</option>
             <option value="96 horas">96 horas (4 dias úteis)</option>
             <option value="120 horas">120 horas (5 dias úteis)</option>
             <option value="144 horas">144 horas (6 dias úteis)</option>
             <option value="168 horas">168 horas (7 dias úteis)</option>
             <option value="192 horas">192 horas (8 dias úteis)</option>
             <option value="216 horas">216 horas (9 dias úteis)</option>
             <option value="240 horas">240 horas (10 dias úteis)</option>
             <option value="360 horas">360 horas (15 dias úteis)</option>
             <option value="480 horas">480 horas (20 dias úteis)</option>
             <option value="600 horas">600 horas (25 dias úteis)</option>
             <option value="720 horas">720 horas (30 dias úteis)</option>
             <option value="Outro">Outro - Informe...</option>
           </select>
         </span><img src="images/question.png" alt="" width="16" height="16" rel="tooltips" title="Garantia do Servio"></td>
       </tr>
     </table>
       <p><br>
       </p>
       <p> </p>
       <p><br>
       </p>
       <p> </p>
       <p> </p>
       <p> </p>
       <p> </p>
       <table width="100%" border="0">
         <tr>
           <td align="center">Total:</td>
           <td align="center"><input name="TotalOrca" type="text"  id="TotalOrca" class="moeda" style="width:100px; height:14px" value="<? $vl_t = $dados_orc['resultado'];
		                                                                                                                             echo  number_format($vl_t, 2, ',', '.');
																																	?>"></td>
         </tr>
     </table></th>
   </tr>
   <tr>
     <td valign="top"> </td>
     <th valign="top"> </th>
   </tr>
   <tr>
     <td colspan="2" valign="top">Observação:<img src="images/question.png" alt="" width="16" height="16" rel="tooltips" title="Aqui Você pode descrever oque será feito"><br>
     <textarea name="obs" id="obs" onBlur="Pd_maiusculo(this);" style="width: 98%" class="validate[required]" cols="105" rows="2"><?php echo $dados_orc['obs']; ?></textarea></td>
   </tr>
   <tr>
     <td valign="top"> </td>
     <th valign="top"> </th>
   </tr>
   <tr>
     <td colspan="2" valign="top"><div style="float:right">

       <input name="Cad_Cliente" type="hidden" id="Cad_Cliente" value="Cadastrar">
        <? 
			     $cod_id = $recordID;
			     $consulta = mysql_query("SELECT * FROM pd_orcamento WHERE cod_os = $codigo");
                    $NumeroLinhas = mysql_num_rows($consulta);
			   if ($NumeroLinhas > "0") {
				  echo '<a href="os/imprime_orcamento.php?recordID='.$cod_id.'" class="button popup_os">Imprimir</a>';
				  echo '<a href="os/orcamento_mail.php?recordID='.$cod_id.'" class="button popup_os">Enivar Email</a>';
				  echo '<a href="os/orca_pdf.php?recordID='.$cod_id.'" class="button popup_os">Salvar PDF</a>';
				  echo '<a href="os/orcamento_aprova.php?recordID='.$cod_id.'" class="button popup_os">Aprovar</a>';
				   }
				  //echo '<a href="os/diag_pdf.php?recordID='.$cod_id.'" class="btn white popup_os">Cancelar</a>';

				  ?>          
       <input class="button blue" type="submit" onClick="return frmClienteCad();" value="Gravar" />
     </div></td>
   </tr>
 </table>
 <p> </p>
</form>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Roberto Start Corp    1

Paulo Roberto Start Corp
Postado

Se Alguem souber de um jeito mais facil de fazer

 

 

 

 

 

 

 

 

 

 

<script type="text/javascript">
$(document).ready(function()
{
    $('#desc1').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback1);
       });

function Callback1( par )
{
    $("#valor1").val( par[0] );

}


$(document).ready(function()
{
    $('#desc2').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback2);
       });

function Callback2( par )
{
    $("#valor2").val( par[0] );

}


	$(document).ready(function()
{
    $('#desc3').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback3);
       });

function Callback3( par )
{
    $("#valor3").val( par[0] );

}


		$(document).ready(function()
{
    $('#desc4').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback4);
       });

function Callback4( par )
{
    $("#valor4").val( par[0] );

}


		$(document).ready(function()
{
    $('#desc5').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback5);
       });

function Callback5( par )
{
    $("#valor5").val( par[0] );

}


		$(document).ready(function()
{
    $('#desc6').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback6);
       });

function Callback6( par )
{
    $("#valor6").val( par[0] );

}


		$(document).ready(function()
{
    $('#desc7').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback7);
       });

function Callback7( par )
{
    $("#valor7").val( par[0] );

}


		$(document).ready(function()
{
    $('#desc8').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback8);
       });

function Callback8( par )
{
    $("#valor8").val( par[0] );

}

		$(document).ready(function()
{
    $('#desc9').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback9);
       });

function Callback9( par )
{
    $("#valor9").val( par[0] );

}

		$(document).ready(function()
{
    $('#desc10').simpleAutoComplete('produtos/localizar.php',{
	autoCompleteClassName: 'autocomplete',
	selectedClassName: 'sel',
	attrCallBack: 'rel',
	identifier: 'desc_prod'
    },Callback10);
       });

function Callback10( par )
{
    $("#valor10").val( par[0] );

}

</script>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não sei se esse plugin ai tem suporte, mas você não pode disparar através de uma class ?

jogando a mesma class em todos os elementos, e então só instanciando uma única vez?

 

 

caso o plugin não suporte, então ele tem um sério erro de codificação. E neste caso, você pode "melhorar" um pouco o código com isso aqui:

http://wbruno.com.br/2011/07/18/vixi-aprendi-jquery-mas-agora/

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