Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
entrem nesse link : http://www.doguinhos.com/sistema/cadastro_pedido.php
reparem na aba "cliente" isso é um alto complete que funciona perfeitamente
porem quando eu adiciono a aba de baixo (quant. cod. etc...) o alto complete para de funcionar
será que alguem consegue me dizer porque e explicar o que to fazendo de errado!
<?php
include('includes/topo.php');
include('includes/cabecalho.php');
require_once('includes/header.php');
?>
<head>
<script type="text/javascript" src="ajax/js/jquery.js"></script>
<script type="text/javascript" src="ajax/js/simpleAutoComplete.js"></script>
<link rel="stylesheet" type="text/css" href="ajax/css/simpleAutoComplete.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="ajax/js/add_campo.js"></script>
</head>
<form method="post" action="cadastrando.php">
<form method="post" name="frm_campo_dinamico" action="">
<script type="text/javascript">
$(document).ready(function()
{
$('#estado_autocomplete').simpleAutoComplete('ajax/ajax_query.php',{
autoCompleteClassName: 'autocomplete',
selectedClassName: 'sel',
attrCallBack: 'rel',
identifier: 'estado'
},estadoCallback);
$('#cidade_autocomplete').simpleAutoComplete('ajax/ajax_query.php',{
autoCompleteClassName: 'autocomplete',
selectedClassName: 'sel',
identifier: 'cidade',
},cidadeCallback);
});
function estadoCallback( par )
{
$("#fone").val( par[0] );
$("#endereco").val( par[1] );
$("#cidade_autocomplete").removeAttr("disabled");
}
function cidadeCallback( par )
{
$("#cod").val( par[0] );
$("#preco").val( par[1] );
$("#cidade_autocomplete").removeAttr("disabled");
}
</script>
</head>
<div class="headi">
<div class="texto" style="left:20px; top:10px;"><p>Cliente:</p>
</div>
<div class="texto" style="left:370px; top:10px;"><p>Endereco:</p>
</div>
<div class="texto" style="left:690px; top:10px;"><p>Fone:</p>
</div>
<input type="text" id="estado_autocomplete" name="estado" autocomplete="off" class="imagem" style="left:100px; top:10px; width:250px; height:25px;">
<input type="text" disabled id="endereco" name="endereco" class="imagem" style="left:470px; top:10px; width:200px; height:25px;">
<input type="text" disabled id="fone" name="fone" class="imagem" style="left:750px; top:10px; width:150px; height:25px;">
</div>
<div class="corpo">
<table border="0" cellpadding="2" width="100%" cellspacing="4">
<tr><td class="bd_titulo" width="10">Qtde</td><td class="bd_titulo">Cod.</td><td class="bd_titulo">Descrição dos Produtos</td><td class="bd_titulo">Unitário R$</td><td class="bd_titulo">TOTAL R$</td></tr>
<tr class="linhas">
<td><input type="text" style="left: 20px; top: 60px; width: 55px; height: 25px;" id="quant" name="quant[]"/></td>
<td><input type="text" style="left: 100px; top: 60px; width: 40px; height: 25px;" disabled id="cod" name="cod[]"/></td>
<td><input type="text" style="left: 170px; top: 60px; width: 550px; height: 25px;" id="cidade_autocomplete" name="produto[]" /></td>
<td><input type="text" style="left: 646px; top: 60px; width: 110px; height: 25px;" disabled id="preco" name="preco[]"/></td>
<td><input type="text" style="left: 646px; top: 60px; width: 110px; height: 25px;" disabled id="total" name="total[]"/></td>
<td><a href="#" class="removerCampo" title="Remover linha"><img src="css/img/minus.png" border="0" /></a></td>
</tr>
<tr><td colspan="4">
<a href="#" class="adicionarCampo" title="Adicionar item"><img src="css/img/plus.png" border="0" /></a>
</td></tr>
<tr>
</table>
<input type="submit" name="Submit" class="botao" style="top:650px; left:750px; width:150px; color:#ffffff" value="Cadastrar ">
</div>a aba de baixo que eu digo é
<div class="corpo">
se eu tiro isso pra baixo o codigo alto complete funciona
O fórum correto seria http://forum.imasters.com.br/forum/6-javascript/