Web Günlüğü

PHP ve Jquery ile Google suggest benzeri AutoComplete | Otomatik Metin Tamamlama Hazırlamak

AutoComplete | Otomatik Metin Tamamlama scriptinin kullanıma hazırlanması

<script src="jquery-1.3.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="auto_complete_theme.css"/>	
<script >
// kelime önerilerinin anlınacağı php sayfasını bu global değişkene kaydetmemiz gerekiyor.
// Benim gösterdiğim örnekte bu arama_oneri.php
var arama_sayfasi= "arama_oneri.php";
</script>
<script src="auto_complete.js">
</script>

<form id="arama_form"  action="yonlendirilecek_sayfa_buraya" method="get" >
	<input autocomplete="off" type="test" name="arama" id="arama"  >
	<button value="submit" type="submit" text="button" > submit </button>
	<div id="oneriler" class="oneriler" >
	</div>
</form>

AutoComplete | Otomatik Metin Tamamlama uygulamasının Sunucu tararlı kodun hazırlanması

// PHP ve Jquery ile Google suggest benzeri AutoComplete 
// | Otomatik Metin Tamamlama Hazırlamak

// arama formundan gonderilen kelimeyi GET metodu ile alıyoruz (tabii set edilmişse).
if (isset($_GET['kelime']))
{	$aranan=trim($_GET['kelime']);

	// kelime hecelerle eşleştirme yapılarak eşleşen 
	// heceye göre bir çıktı gönderiyoruz istemciye.

	if ( $aranan=="a")
	{
		$a=array( "as"=> "5", "asa" => "2","asalak"=> "1", "asık" => "4"
		,"aslan"=> "6", "atıl" => "3" ,"atılım" =>"7", "az" => "2"  ); 
		echo json_encode($a);
	}

	else if ( $aranan=="as")
	{
		$as=array("as"=> "5", "asa" => "2","asalak"=> "1", 
		"asık" => "4" ,"aslan"=> "6" ); 
		echo json_encode($as);
	}
}