Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mzaidan

Carregar consulta na mesma pagina.

Recommended Posts

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.