Carregar consulta na mesma pagina.
Prezados, possuo um codigo onde eu vou digitando e vai fazendo consulta no banco de dados.
Quando eu acho uma mensagem, eu clico nesse resultado e ele busca exatamente o que eu queria, mostrando logo abaixo.
Só que eu estava carregando na pagina.
Tem como ser com ajax?
<script type="text/javascript">
$(function(){
$(".search").keyup(function()
{
var searchid = $(this).val();
var dataString = 'search='+ searchid;
if(searchid!='')
{
$.ajax({
type: "POST",
url: "search.php",
data: dataString,
cache: false,
success: function(html)
{
$("#result").html(html).show();
}
});
}return false;
});
jQuery("#result").live("click",function(e){
var $clicked = $(e.target);
var $name = $clicked.find('.name').html();
var decoded = $("<div/>").html($name).text();
$('#searchid').val(decoded);
});
jQuery(document).live("click", function(e) {
var $clicked = $(e.target);
if (! $clicked.hasClass("search")){
jQuery("#result").fadeOut();
}
});
$('#searchid').click(function(){
jQuery("#result").fadeIn();
});
});
function ativar() {
event.target.parentNode.classList.add('ativado');
}
function desativar() {
event.target.parentNode.classList.remove('ativado');
}
</script>
<div class="content">
<img src="por-ing.fw.png"><br>
<input type="text" class="search" class="input" id="searchid" placeholder="Digite em inglês ou português" />
<div align="justify" id="result">
</div>
<div class="conteudo">
<?
if($_GET){
include('db.php');
$arquivo = $_GET['phrasal'];
$sql_res=mysql_query("select * from phrasal where ingles='$arquivo'");
while($row=mysql_fetch_array($sql_res)){
$ingles=$row['ingles'];
$portugues=$row['portugues'];
$exemplo = $row['exemplo'];
}
echo "<br><br><table border='0' width='95%' class='sample1'><tr><td align='center' bgcolor='#a4a4a4'><font color='#00000'>Dicionário de Phrasal Verbs</font></td></tr><tr><td>";
echo " <b><font color='#4682B4' size='4'>".$ingles."</font></b><br>";
echo "<b>Tradução:</b> <font size='2'>".$portugues."</font><br>";
echo "<b>Exemplo:</b> <font size='2'>".$exemplo."</font><br>";
echo "</td></tr><tr><td bgcolor='#4a4a4a' align='right'>English Group - Todos os direitos reservados</td></tr></table>";
}
?>
</td>
</div>
Ta dando td certinho, só que ta carregando a pagina.
Queria que fosse com ajax.
Alguem pode me ajudar?
Discussão (0)
Carregando comentários...