autocomplate içine id bilgisi ve link eklemek
arkadaşlar herkese iyi forumlar
ben autocomplate içine id bilgisi verip link eklemek istiyorum bunu nasıl yaparım şimdiden teşekkürler
$(function() {
$( "#term" ).autocomplete({
source: 'ajax-db-search.php',
});
});
if (isset($_GET['term'])) {
$query = "SELECT * FROM veriler WHERE urun_baslik LIKE '{$_GET['term']}%' LIMIT 25";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) > 0) {
while ($user = mysqli_fetch_array($result)) {
$res[] = $user['urun_baslik'];
}
} else {
$res = array();
}
//return json res
echo json_encode($res);
}
Merhaba. stackoverflow'da sizinkine benzer bir soru sorulmuş:
Çıktısı link olan JQuery autocomplete
Otomatik tamamlama için, çıktıları link olan (Facebook veya Quora'daki gibi) bir otomatik tamamlama kutusu oluşturmaya çalışıyorum. Basitçe, otomatik tamamlama sonuçları listesinin açılmasını ve insanlar tıkladığında başka sayfalara gitmelerini istiyorum.
Doğru cevap olarak kabul edilen cevapta şöyle yazılmış:
Kolayca yapılabilir. source kısmını aşağıdaki gibi bir objeler dizisiyle değiştirin:
Yönlendirme yapmak için de select fonksiyonu kullanın:
$("#term").autocomplete({
source: [
{ value: "www.foo.com", label: "Spencer Kline" },
{ value: "www.example.com", label: "James Bond" },
//...
],
select: function( event, ui ) {
window.location.href = ui.item.value;
}
});
Test etmedim ama örnek olarak inceleyip kendinize uyarlayabilirsiniz.
Bu cevap altında da şöyle bir alt mesajlaşma yapılmış:
- Spencer: JQuery'de yeniyim. Yönlendirme işlemini kodda nereye yerleştireyim?
- karim79: Bir fiddle ekledim. Daha açıklayıcı olur.
- Spencer: Teşekkür ederim. Gerçekten minnettarım. Ama o kadar acemiyim ki yapamıyorum. JQuery öğelerini
<head>içine, html öğelerini<body>içine yerleştiriyorum. Yapmam gereken başka bi'şey var mı? - Spencer: Ayrıca, bu kod benim localhost'umda da link vermeme izin verecek mi?
- karim79: Evet verecek. Test sitenizin link'i var mı? Bu kodları nasıl çalıştıracağınızı kendi başınıza öğrenmenizi tavsiye ederim (yani zor yoldan :)) Ayrıca, JQuery UI'nin autocomplete'inden bahsediyoruz değil mi? (Spencer bu soruya cevap vermemiş)
- Henry: Tam aradığım şey!
sourceyi değiştirmedim veselecti şu şekilde değiştirdim:window.location.href = "/search.php?keyword="+ui.item.value; - Henry: Hatta sayfaya autocomplete kullanarak mı gelinmiş diye anlamak için de url'nin sonuna da suggest key'i ekledim:
?keyword="+ui.item.value+"&suggest="+ui.item.index. Belki ilerde sunucu log'larında suggest ile arama yapılabilir.