Auto Complete Muhabbeti

Hkan hocam, önceki mesajlarımda da bahsettiğim gibi, sorun mysqlden gelen verileri javascript ile input formunda öneri olarak çıkartmak.

levye tamam işte arkadaşta bu sorguladığında çıkacak seçenekleri php dosyası olarak çıkartmış.

Sen jquery ile onkeyup da sorgu gönderecksin.

oneri.php:

<?php

function oneriler() {
	require('ayarlar.php');

	$k = mysql_real_escape_string($_GET['k']); // $k = $kelime;
	
	$q = mysql_query("SELECT * FROM `oneri` WHERE `kelime` LIKE '{$k}%'");
	
	if($q && mysql_num_rows($q) > 0) {
		$kelimeler = array();
		while($row = mysql_fetch_assoc($q)) {
			$kelimeler[] = '<li>' . $row['kelime'] . '</li>';
		}
		
		echo implode("\n", $kelimeler);
	}
}

?>

HTML:

<script>
function onerigoster(kelime) {
	$.ajax({
		type: 'GET',
		url: 'http://site.com/oneri.php?k=' + kelime,
		success: function (data) {
			$('#oneriler ul').html(data);
		}
	});
}
</script>

<input onchange="javascript: onerigoster(this.value);" />
<div id="oneriler">
	<ul>
	</ul>
</div>

Inputtaki her değişiklikte altındaki div alanında şu şekilde çıktı yapar:

<div id="oneriler">
<ul>
<li>öneri 1</li>
<li>öneri 2</li>
</ul>
</div>

Tebrikler Hkan. Güzel bir uygulama kısa, basit ve öz. Ancak "autocomplete"in asıl mantığı ona tıklayınca otomatik olarak kutuya alması.

$kelimeler[] = '<li onclick="javascript: istebu(this);">' . $row['kelime'] . '</li>';

<script>
function istebu(o) {
   $('#inputID').val($(o).html());
}
</script>

@grafitus; çalışır mı acaba? denemedim.

http://me.worm.net.in/yazi/jquery-ph...omplete-2/152/

Çok teşekkürler,
Ajax kodları çalıştıramadım ama. Kodlar sorunsuz görünüyor. Ama nedense öneriler divinde hiçbir şey çıkmıyor.

@Levye; benim gönderdiğim kodları mı kullanıyorsunuz? Yani onlar mı çalışmıyor?

Evet hocam onlar çalışmıyor. Ajax kodların çalışması için ekstra olarak bir .js dosyası, ya da başka bir dosya import etmek mi gerekiyor acaba ?