Consulta Dinamica

[mariocosta]

To com um pequeno problemas, no caso eu tenho um código de uma consulta dinâmica, onde o usuário digita o nome do produto, e aparecera umas opções para qual produto ele deseja escolher no caso eu gostaria que você me ajudassem com os seguintes itens, sou leigo em programação ainda.

1° Que os itens desaparecessem após ele selecionar o itens desejados.

2° Que o item desejado tem seu nome marcado diretamente no input,

3° Que vá automaticamente ao próximo capo de itens.

Seguem os códigos Abaixo;

Index.php

<input style="width:500px !important;" type="text" id="valor" onKeyUp="buscarNoticias(this.value)" value="<?=$itm?>" onfocus="if (this.value == '<?=$itm?>') this.value = '';" onblur="if (this.value == '') this.value = '<?=$itm?>';" />
<div id="resultado"></div>
</td>
<td>
<div id="conteudo">
<input type="text" style="width:100px !important" placeholder="Quantidade"/>
<input type="text" style="width:100px !important" placeholder="Valor Unitario"/>
<input type="text" style="width:100px !important" placeholder="Valor Total"/>
</div>

script.js

var req;
function buscarNoticias(valor) {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}

var url = "busca.php?valor="+valor;

req.open("Get", url, true);

req.onreadystatechange = function() {
if(req.readyState == 1) {
document.getElementById('resultado').innerHTML = 'Buscando Produtos...';
}
if(req.readyState == 4 && req.status == 200) {
// Resposta retornada pelo busca.php
var resposta = req.responseText;
// Abaixo colocamos a(s) resposta(s) na div resultado
document.getElementById('resultado').innerHTML = resposta;
}
}
req.send(null);
}

//função para exibir noticias
function exibirConteudo(id) {
// Verificando Browser
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}

// Arquivo PHP juntamento com a id da noticia (método GET)
var url = "exibir.php?id="+id;
// Chamada do método open para processar a requisição
req.open("Get", url, true);
// Quando o objeto recebe o retorno, chamamos a seguinte função;
req.onreadystatechange = function() {
// Exibe a mensagem "Aguarde..." enquanto carrega
if(req.readyState == 1) {
document.getElementById('conteudo').innerHTML = 'Aguarde...';
}
// Verifica se o Ajax realizou todas as operações corretamente
if(req.readyState == 4 && req.status == 200) {
// Resposta retornada pelo exibir.php
var resposta = req.responseText;
// Abaixo colocamos a resposta na div conteudo
document.getElementById('conteudo').innerHTML = resposta;
}
}
req.send(null);
}
function sumir(){
document.getElementById('resultado').value;
}

buscar.php

<?php
//conexao com o banco
include('conn.php');
//recuperação de valores
$valor=$_GET['valor'];
//selecionar os valores do banco
$sql = mysql_query("SELECT * FROM produtos WHERE descricao LIKE '%".$valor."%' OR gtin_ean LIKE '%".$valor."%' LIMIT 5");
//while para trazer todos os valores do banco
while ($noticias = mysql_fetch_array($sql)) {
echo "<a href=\"javascript:func()\" onclick=\"exibirConteudo('".$noticias['codigo']."') onclick=\"sumir\">" . $noticias['descricao'] . "</a><br />";
}
//rediricionamento do para pagina;
// header("Content-Type: text/html; charset=ISO-8859-1",true);
?>

exbir.php

<?php
//conexao com o banco
include('conn.php');
// Recebe a id enviada no método GET
$id = $_GET['id'];
// Seleciona a noticia que tem essa ID
$sql = mysql_query("SELECT * FROM produtos WHERE codigo = '".$id."'");
// Pega os dados e armazena em uma variável
$noticia = mysql_fetch_array($sql);
// Exibe o conteúdo da notica
$qnt = "1";
echo "<div class='res' id='res' onblur='passar_1();'>";
echo "<input type='text' style='display:none;' id='valor' value='".$noticia['descricao']."' name='item_1' >";
echo "<input type='text' style='width:100px !important;' id='qnt_1' name='qnt_1' value=".$qnt." onblur='calcula_1();'/>";
echo '&nbsp;';
echo "<input type='text' style='width:100px !important;' id='vlr_1' name='vlr_1' value=".$noticia['preco_v']." onblur='calcula_1();' />";
echo '&nbsp;';
echo "<input type='text' style='width:100px !important;' name='vlritem_1' value=".number_format($qnt*$noticia['preco_v'],2,',','.')." onblur='calcula_1()' />";
//echo "<div class='nome'><strong>".$noticia['descricao']."</strong>";
echo "</div>";
// Acentuação
// header("Content-Type: text/html; charset=ISO-8859-1",true);
?>

conn.php

<?php
$host = "localhost";
$usuario = "erp";
$senha = "paralelo007";
$banco = "erp_apre";

$conn = mysql_connect($host, $usuario, $senha);
$db = mysql_select_db($banco, $conn);


error_reporting(E_ERROR | E_WARNING | E_PARSE | E_NOTICE);
?>