[AJUDA] Como inserir cor em um auto complete
14/06/2017
0
eu tenho um auto complete funcionando, eu uso um php completer.php com os dados de conexão e caminhos:
<?php
$link = mysqli_connect("localhost","root","xxxx","base");
$q=strtolower ($_GET["nome"]);
$sql = "SELECT * FROM clientes WHERE adm=0 and nome like '%" . $q . "%'";
$query = mysqli_query($link,$sql);// or die ("Erro". mysql_query());
while($reg=mysqli_fetch_array($query))
{
echo $reg["nome"]."|".$reg["nome"]."\\n";
}
?>
Queria que quando eu fosse pesquisar não saísse transparente como está agora:
[IMG]http://i67.tinypic.com/ilelx0.jpg[/IMG]
<?php
$link = mysqli_connect("localhost","root","xxxx","base");
$q=strtolower ($_GET["nome"]);
$sql = "SELECT * FROM clientes WHERE adm=0 and nome like '%" . $q . "%'";
$query = mysqli_query($link,$sql);// or die ("Erro". mysql_query());
while($reg=mysqli_fetch_array($query))
{
echo $reg["nome"]."|".$reg["nome"]."\\n";
}
?>
Queria que quando eu fosse pesquisar não saísse transparente como está agora:
[IMG]http://i67.tinypic.com/ilelx0.jpg[/IMG]
Dirley Rimes
Curtir tópico
+ 0
Responder
Post mais votado
14/06/2017
Amigo ja passei por isso.....é muito chato mesmo, mas a solução é bem simples..
apenas coloque o css abaixo no seu codigo ou na index do seu projeto que ja vai funcionar.
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
Qualquer coisa me avisa ai.
apenas coloque o css abaixo no seu codigo ou na index do seu projeto que ja vai funcionar.
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
Qualquer coisa me avisa ai.
Leonardo Xavier
Responder
Mais Posts
14/06/2017
Dirley Rimes
Onde Eu coloco esse código?
Nesse Completar.php ou na pagina onde tem o atendimento?
Nesse Completar.php ou na pagina onde tem o atendimento?
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>
Responder
14/06/2017
Dirley Rimes
Vou te explicar tenho um completar.php onde tem o comando do auto complete:
E esse comando é na pagina de criação de atendimento onde cria o input do campo e puxa as informações do completar.php
Onde eu colocaria esse comando que você me informou?
<?php
$link = mysqli_connect("localhost","deliver2_atend","99368623","deliver2_atendimento");
$q=strtolower ($_GET["nome"]);
$sql = "SELECT * FROM clientes WHERE adm=0 and nome like '%" . $q . "%'";
$query = mysqli_query($link,$sql);// or die ("Erro". mysql_query());
while($reg=mysqli_fetch_array($query))
{
echo $reg["nome"]."|".$reg["nome"]."\\n";
}
?>E esse comando é na pagina de criação de atendimento onde cria o input do campo e puxa as informações do completar.php
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>Onde eu colocaria esse comando que você me informou?
Responder
14/06/2017
Dirley Rimes
Amigo ja passei por isso.....é muito chato mesmo, mas a solução é bem simples..
apenas coloque o css abaixo no seu codigo ou na index do seu projeto que ja vai funcionar.
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
Qualquer coisa me avisa ai.
apenas coloque o css abaixo no seu codigo ou na index do seu projeto que ja vai funcionar.
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
Qualquer coisa me avisa ai.
Onde Eu coloco esse código?
Nesse Completar.php ou na pagina onde tem o atendimento?
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>
0 |
0
• Responder • Citar
Dirley Rimes
- 14 jun 2017
Vou te explicar tenho um completar.php onde tem o comando do auto complete:
#código
<?php
$link = mysqli_connect("localhost","deliver2_atend","99368623","deliver2_atendimento");
$q=strtolower ($_GET["nome"]);
$sql = "SELECT * FROM clientes WHERE adm=0 and nome like '%" . $q . "%'";
$query = mysqli_query($link,$sql);// or die ("Erro". mysql_query());
while($reg=mysqli_fetch_array($query))
{
echo $reg["nome"]."|".$reg["nome"]."\\\\n";
}
?>
E esse comando é na pagina de criação de atendimento onde cria o input do campo e puxa as informações do completar.php
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>
Onde eu colocaria esse comando que você me informou?
Responder
14/06/2017
Leonardo Xavier
Tente assim:
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<style>
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>
Responder
14/06/2017
Dirley Rimes
Tente assim:
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/jquery.ajaxQueue.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/lib/thickbox-compressed.js"></script>
<script type="text/javascript" src="pages/jquery-autocomplete/jquery.autocomplete.js"></script>
<!--css -->
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/jquery.autocomplete.css"/>
<link rel="stylesheet" type="text/css" href="page/jquery-autocomplete/lib/thickbox.css"/>
<style>
.ui-autocomplete-custom {
background: #fff; //cor que quiser
z-index: 2; // caso não funcione de primeira aumente o valor de z-index
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#txtNome").autocomplete("pages/completar.php", {
width:310,
selectFirst: false
});
});
</script>
</head>
<body>
<input type="text" name="txtNome" id="txtNome" size="110" placeholder="Cliente" class="form-control"/><br />
</body>
Mesma coisa...
Será que eu não tenho que colocar essa informação no echo no completar.php?
<?php
$link = mysqli_connect("localhost","deliver2_atend","99368623","deliver2_atendimento");
$q=strtolower ($_GET["nome"]);
$sql = "SELECT * FROM clientes WHERE adm=0 and nome like '%" . $q . "%'";
$query = mysqli_query($link,$sql);// or die ("Erro". mysql_query());
while($reg=mysqli_fetch_array($query))
{
echo $reg["nome"]."|".$reg["nome"]."\\\\n";
}
?>Já que esse echo que dá o resultado do campo..
Responder
14/06/2017
Leonardo Xavier
Vamos fazer assim....
O código que eu tenho aqui é o seguinte:
script
agora no html da mesma pagina deste script
já o arquivo de sua consulta de clientes será:
Veja se isso ai resolve o que você precisa
O código que eu tenho aqui é o seguinte:
script
<script type="text/javascript">
var dados = [];
$(document).ready(function() {
// Captura o retorno do retornaCliente.php
$.getJSON('banco/clientes.php', function(data){
// Armazena na array capturando somente o nome do cliente
$(data).each(function(key, value) {
dados.push(value.nome);
});
// Chamo o Auto complete do JQuery ui setando o id do input, array com os dados e o mínimo de caracteres para disparar o AutoComplete
$('#cliente').autocomplete( //aqui é o id do campo a ser auto completado
{ source: dados, minLength: 3}
);
});
});
</script>
agora no html da mesma pagina deste script
<input class="form-control" type="text" id="cliente" name="cliente" size="60" placeholder="Selecione o cliente"/> <!-- id tem que ser o mesmo nome do script -->
já o arquivo de sua consulta de clientes será:
<?php
$pdo = new PDO("mysql:host=localhost; dbname=controle_os; charset=utf8;", "root", "@3536#le");
$dados = $pdo->prepare("SELECT campo_nome_cliente FROM tabela order by campo_nome_cliente");
$dados->execute();
echo json_encode($dados->fetchAll(PDO::FETCH_ASSOC));
?>
Veja se isso ai resolve o que você precisa
Responder
16/06/2017
Dirley Rimes
estou quebrando a cabeça mas não consigo fazer esse codigo que me mandou funcionar rs
Responder
16/06/2017
Dirley Rimes
Vamos fazer assim....
O código que eu tenho aqui é o seguinte:
script
agora no html da mesma pagina deste script
já o arquivo de sua consulta de clientes será:
Veja se isso ai resolve o que você precisa
O código que eu tenho aqui é o seguinte:
script
<script type="text/javascript">
var dados = [];
$(document).ready(function() {
// Captura o retorno do retornaCliente.php
$.getJSON(''''''''banco/clientes.php'''''''', function(data){
// Armazena na array capturando somente o nome do cliente
$(data).each(function(key, value) {
dados.push(value.nome);
});
// Chamo o Auto complete do JQuery ui setando o id do input, array com os dados e o mínimo de caracteres para disparar o AutoComplete
$(''''''''#cliente'''''''').autocomplete( //aqui é o id do campo a ser auto completado
{ source: dados, minLength: 3}
);
});
});
</script>
agora no html da mesma pagina deste script
<input class="form-control" type="text" id="cliente" name="cliente" size="60" placeholder="Selecione o cliente"/> <!-- id tem que ser o mesmo nome do script -->
já o arquivo de sua consulta de clientes será:
<?php
$pdo = new PDO("mysql:host=localhost; dbname=controle_os; charset=utf8;", "root", "@3536#le");
$dados = $pdo->prepare("SELECT campo_nome_cliente FROM tabela order by campo_nome_cliente");
$dados->execute();
echo json_encode($dados->fetchAll(PDO::FETCH_ASSOC));
?>
Veja se isso ai resolve o que você precisa
veja como estou usando e me corrija
<script type="text/javascript">
var dados = [];
$(document).ready(function() {
// Captura o retorno do retornaCliente.php
$.getJSON(''''''''pages/completar.php'''''''', function(data){
// Armazena na array capturando somente o nome do cliente
$(data).each(function(key, value) {
dados.push(value.nome);
});
// Chamo o Auto complete do JQuery ui setando o id do input, array com os dados e o mínimo de caracteres para disparar o AutoComplete
$(''''''''#criar_ticket'''''''').autocomplete( ui-cliente, {
{ source: dados, minLength: 3}
);
});
});
</script>
<input class="form-control" type="text" id="cliente" name="cliente" size="100" placeholder="Selecione o cliente"/><br /> <!-- id tem que ser o mesmo nome do script -->
</body>e o completar é esse
<?php
$pdo = new PDO("mysql:host=localhost; dbname=deliver2_atendimento; charset=utf8;", "xxxx", "xxxxx");
$dados = $pdo->prepare("SELECT nome FROM clientes order by nome");
$dados->execute();
echo json_encode($dados->fetchAll(PDO::FETCH_ASSOC));
?>me ajude por favor rs
Responder
Clique aqui para fazer login e interagir na Comunidade :)
