نمایش تصاویر در autocopmlete

[vahid78]

سلام برنامه نویسان گرامی :)

من از autocopmlete استفاده میکنم به طوری که رکوردها رو از دیتابیس خونده و نمایش داده میشه ....

میخوام بدونم هیچکدوم از دوستان از این طریق تصاویر مربوط به هر رکورد رو تو autocopmlete نمایش دادند یا نه؟

من تمام سایت های خارجی رو زیر رو کردم ولی متاسفانه کدش برای من کار نکرد.

کد جاوااسکرپت:
$(function() {
$( "#tags" ).autocomplete({
source: './clientscript/ajaxproc.php?action=quicksearch',
select: function(event, ui) {
var url = ui.item.product_id;
if(url != '#') {
location.href = 'product.php?process=showdesc&product=' + url;
}
},
html: true
});
});

این اکشن صفحه ajaxproc:


$sql = 'select dy_product.product_id,dy_product.name,address from dy_product join dy_product_picture on dy_product_picture.product_id = dy_product.product_id where dy_product.name like ?';
$stmt = $pdo->prepare($sql);
if($stmt->execute(array("%".$_REQUEST['term']."%"))){
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
$json = array();
foreach ($rows as $row) {
$a_json_row["product_id"] = $row['product_id'];
$a_json_row["value"] = $row['name'];
$a_json_row["picture"] = $row['address'];
array_push($a_json, $a_json_row);
}

$json = json_encode($a_json);
print $json;

[vahid78]

درستش کردم :لبخند:

کد جاوااسکریپت:

$(function() {
$( "#tags" ).autocomplete({
source: './clientscript/ajaxproc.php?action=quicksearch',
select: function(event, ui) {

var url = ui.item.product_id;
if(url != '#') {
location.href = 'product.php?process=showdesc&product=' + url;
}
},
html: true
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.data( "ui-autocomplete-item", item )
.append( "<a>" + item.label + "<img class='tagsimg' src='" + item.picture + "' > <div style='clear:both'></div>" )
.appendTo( ul );
};
});