FILTRAR DADOS ESTILO O GOOGLE
Pessoal e possivel desenvolver caixa de texto com filtro semelhando a do Google? Tenho uma caixa de texto e gostaria que filtrasse dados de um BD conforme a digitacao do usuario.
Vc digitaria algo e apareceria algumas opções semelhantes?
Tipo, vc digita [Ô]Manual VB[Ô] e apareceria em baixo, no combo:
Manual VB PT-BR
Manual VB Inglês
Manual VB Avançado
Se for isso, acho q aqui no fórum tem um projetinho desses.
Tipo, vc digita [Ô]Manual VB[Ô] e apareceria em baixo, no combo:
Manual VB PT-BR
Manual VB Inglês
Manual VB Avançado
Se for isso, acho q aqui no fórum tem um projetinho desses.
Acredito que o estilo do google nao e utilizado combo. E uma caixa de texto que exibe informacoes semelhantes a digitada. E um auto completar. Pesquisei e nao vi algo parecido.
Tentei inserir o login e senha, aparentemente não funciona.
Aqui funcionou direitinho.
No link http://www.vbmania.com.br/pages/index.php?varModulo=Detalhe&varID=4888
Não term o arquivo com o exemplo acima.
Não term o arquivo com o exemplo acima.
Pessoal, alguem tem um exemplo para eu fazer adaptação, preciso inserir em um site com urgencia.
Obrigado pela força!
Obrigado pela força!
No final da página deste artigo tem um código fonte para download.
Cadastrando, Listando e Deletando com AJAX / ASP
Cadastrando, Listando e Deletando com AJAX / ASP
Está ocorrendo erro na linha 14 e nesta linha está a tag <head>, não entendi... o que será que tenho qwue mudar?
// página ajaxCarregar
unction GetXMLHttp() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
}
catch(ee) {
try {
xmlHttp = new ActiveXObject([Ô]Msxml2.XMLHTTP[Ô]);
}
catch(e) {
try {
xmlHttp = new ActiveXObject([Ô]Microsoft.XMLHTTP[Ô]);
}
catch(e) {
xmlHttp = false;
}
}
}
return xmlHttp;
}
function CadastrarDados() {
var Nome = document.getElementById([Ô]Nome[Ô]);
var EMail = document.getElementById([Ô]EMail[Ô]);
var URL = [Ô]Cadastro.asp?Cadastrar=Ok&Nome=[Ô]+Nome.value+[Ô]&EMail=[Ô]+EMail.value+[Ô][Ô];
Enviar.open([Ô]GET[Ô], URL, true);
Enviar.setRequestHeader([Ô]Content-Type[Ô], [Ô]application/x-www-form-urlencoded[Ô]);
document.getElementById([Ô]Resposta[Ô]).innerHTML = [Ô]Cadastrado com Sucesso!!![Ô];
Nome.value = [Ô][Ô];
EMail.value = [Ô][Ô];
Enviar.send(null);
Enviar.onload = lerTexto;
}
function lerTexto() {
var URLler = [Ô]Ler.asp[Ô];
Enviar.onreadystatechange = stateChanged;
Enviar.open([Ô]GET[Ô], URLler, true);
Enviar.send(null);
}
function stateChanged() {
if (Enviar.readyState==4) {
document.getElementById([Ô]ler_Dados[Ô]).innerHTML = Enviar.responseText;
}
}
window.onload = lerTexto;
// Final - Carregar Página
// InÃcio - Deletar
function apagar(id, rowIndex) {
if (confirm('Tem certeza que deseja excluir este registro?')) {
document.getElementById([Ô]tabela[Ô]).deleteRow(rowIndex);
Enviar.open([Ô]POST[Ô],'Cadastro.asp?Deletar=Ok&id='+ id, false);
Enviar.send(null);
}
}
// Final - Deletar
// página .asp
<%
Set Conexao = Server.CreateObject([Ô]ADODB.Connection[Ô])
[ô]Abrimos uma conexão com o banco de dados - [IMPORTANTE] altere os dados abaixo com as informações de sua base de dados
Conexao.Open([Ô]DRIVER={MySQL ODBC 3.51 Driver};SERVER=127.0.0.1;PORT=3306;DATABASE=Banco;USER=user;PASSWORD=senha;OPTION=3;[Ô])
%>
<html>
<head>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=utf-8[Ô] />
<title>Cadastrar</title>
<script language=[Ô]javascript[Ô] src=[Ô]ajaxCarregar.js[Ô]></script>
</head>
<body>
<div id=[Ô]Resposta[Ô]></div><br>
<form id=[Ô]Form[Ô]>
Nome: <input type=[Ô]text[Ô] id=[Ô]Nome[Ô] name=[Ô]Nome[Ô] value=[Ô][Ô]><br>
E-Mail: <input type=[Ô]text[Ô] id=[Ô]EMail[Ô] name=[Ô]EMail[Ô] value=[Ô][Ô]><br>
<input type=[Ô]button[Ô] id=[Ô]Cadastrar[Ô] value=[Ô]Cadastrar[Ô] name=[Ô]Cadastrar[Ô] onClick=[Ô]CadastrarDados();[Ô]>
</form><br>
<br>
<br>
<div id=[Ô]ler_Dados[Ô]></div>
</body>
</html>
<%
if Request.QueryString([Ô]Cadastrar[Ô]) = [Ô]Ok[Ô] then
Conexao.Execute([Ô]Insert Into Teste (Nome, EMail) Values ('[Ô] & Request.QueryString([Ô]Nome[Ô]) & [Ô]', '[Ô] & Request.QueryString([Ô]EMail[Ô]) & [Ô]')[Ô])
Response.Write([Ô][Ô])
end if
if (Request.QueryString([Ô]Deletar[Ô]) = [Ô]Ok[Ô]) then
Conexao.Execute([Ô]Delete From Teste Where Codigo = '[Ô] & Request.QueryString([Ô]id[Ô]) & [Ô]'[Ô])
Response.Write([Ô][Ô])
end if
%>
// página ajaxCarregar
unction GetXMLHttp() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
}
catch(ee) {
try {
xmlHttp = new ActiveXObject([Ô]Msxml2.XMLHTTP[Ô]);
}
catch(e) {
try {
xmlHttp = new ActiveXObject([Ô]Microsoft.XMLHTTP[Ô]);
}
catch(e) {
xmlHttp = false;
}
}
}
return xmlHttp;
}
function CadastrarDados() {
var Nome = document.getElementById([Ô]Nome[Ô]);
var EMail = document.getElementById([Ô]EMail[Ô]);
var URL = [Ô]Cadastro.asp?Cadastrar=Ok&Nome=[Ô]+Nome.value+[Ô]&EMail=[Ô]+EMail.value+[Ô][Ô];
Enviar.open([Ô]GET[Ô], URL, true);
Enviar.setRequestHeader([Ô]Content-Type[Ô], [Ô]application/x-www-form-urlencoded[Ô]);
document.getElementById([Ô]Resposta[Ô]).innerHTML = [Ô]Cadastrado com Sucesso!!![Ô];
Nome.value = [Ô][Ô];
EMail.value = [Ô][Ô];
Enviar.send(null);
Enviar.onload = lerTexto;
}
function lerTexto() {
var URLler = [Ô]Ler.asp[Ô];
Enviar.onreadystatechange = stateChanged;
Enviar.open([Ô]GET[Ô], URLler, true);
Enviar.send(null);
}
function stateChanged() {
if (Enviar.readyState==4) {
document.getElementById([Ô]ler_Dados[Ô]).innerHTML = Enviar.responseText;
}
}
window.onload = lerTexto;
// Final - Carregar Página
// InÃcio - Deletar
function apagar(id, rowIndex) {
if (confirm('Tem certeza que deseja excluir este registro?')) {
document.getElementById([Ô]tabela[Ô]).deleteRow(rowIndex);
Enviar.open([Ô]POST[Ô],'Cadastro.asp?Deletar=Ok&id='+ id, false);
Enviar.send(null);
}
}
// Final - Deletar
// página .asp
<%
Set Conexao = Server.CreateObject([Ô]ADODB.Connection[Ô])
[ô]Abrimos uma conexão com o banco de dados - [IMPORTANTE] altere os dados abaixo com as informações de sua base de dados
Conexao.Open([Ô]DRIVER={MySQL ODBC 3.51 Driver};SERVER=127.0.0.1;PORT=3306;DATABASE=Banco;USER=user;PASSWORD=senha;OPTION=3;[Ô])
%>
<html>
<head>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=utf-8[Ô] />
<title>Cadastrar</title>
<script language=[Ô]javascript[Ô] src=[Ô]ajaxCarregar.js[Ô]></script>
</head>
<body>
<div id=[Ô]Resposta[Ô]></div><br>
<form id=[Ô]Form[Ô]>
Nome: <input type=[Ô]text[Ô] id=[Ô]Nome[Ô] name=[Ô]Nome[Ô] value=[Ô][Ô]><br>
E-Mail: <input type=[Ô]text[Ô] id=[Ô]EMail[Ô] name=[Ô]EMail[Ô] value=[Ô][Ô]><br>
<input type=[Ô]button[Ô] id=[Ô]Cadastrar[Ô] value=[Ô]Cadastrar[Ô] name=[Ô]Cadastrar[Ô] onClick=[Ô]CadastrarDados();[Ô]>
</form><br>
<br>
<br>
<div id=[Ô]ler_Dados[Ô]></div>
</body>
</html>
<%
if Request.QueryString([Ô]Cadastrar[Ô]) = [Ô]Ok[Ô] then
Conexao.Execute([Ô]Insert Into Teste (Nome, EMail) Values ('[Ô] & Request.QueryString([Ô]Nome[Ô]) & [Ô]', '[Ô] & Request.QueryString([Ô]EMail[Ô]) & [Ô]')[Ô])
Response.Write([Ô][Ô])
end if
if (Request.QueryString([Ô]Deletar[Ô]) = [Ô]Ok[Ô]) then
Conexao.Execute([Ô]Delete From Teste Where Codigo = '[Ô] & Request.QueryString([Ô]id[Ô]) & [Ô]'[Ô])
Response.Write([Ô][Ô])
end if
%>
Tópico encerrado , respostas não são mais permitidas