Bir div bloğu içindeki veritabanından alınan veril...

Bir div bloğu içindeki veritabanından alınan veriler arasında arama yapma.

Arkadaşlar yapmak istediğim seç site içerisinde arama kutusuna ürünün adı yazıldığında otomatik olarak liste içinden benzer olanları bulup göstermesi, diğerlerini ise göstermemesidir.

<div id="product-list" class="product-list" style="" >
   <ul>
   <li style="">
   <a href="#" >
     <div style="" class="product">UT 510</div>
     <div style="" class="price">3.00</div>
   </a>
     </li>
    <li style="">
      <a href="#" >
     <div style="" class="product">US 110</div>
     <div style="" class="price">2.45</div>
     </a>
    </li>
</ul>

kodlar bu şekilde olunca sıkıntı olmuyor.Yani alt alta 100 tane üründe olsa gösteriyor ve benzer olanları en üstten başlıyarak sıralıyor.Fakat bu şekilde olunca ;

<div id="product-list" class="product-list" style="">
                            <ul>
 <?php foreach( $this->urunler->vitrin( array( 'vitrin' => 'yeni', 'limit' => 10000 ) )->liste as $urun ):?>
                                <li style="">
                                <a href="<?php echo $urun->link();?>" >
                                    <div style="" class="product"><?php echo $urun->baslik( 35 );?></div>
                                    <div style="" class="price"> <?php echo $urun->fiyat_liste( FALSE );?></div>
                                </a>
                                </li>
                                <?php endforeach;?>
                            </ul>
                        </div>

benzer olanları gösteriyor, olmayanları göstermiyor fakat üstten başlayarak sıralama yapmıyor.Yani yeri 100. satırda ise bütün hepsini görünmez yapıyor 100. satırda onu gösteriyor yukarıya almıyor.

bunlarda jquery kodları.

$(document).ready(function () {
	$('#search').keyup(function(event) {

		var search_text = $('#search').val();
		var rg = new RegExp(search_text,'i');
	if($('#search').val()==''){
		$('#product-list').css('display', 'none');
		}
		else
		{
			$('#product-list').css('display', 'block');
			}
		$('#product-list .product').each(function(){
 			if($.trim($(this).html()).search(rg) == -1) {
				$(this).parent().css('display', 'none');
 				$(this).css('display', 'none');
				$(this).next().css('display', 'none');
				$(this).next().next().css('display', 'none');
			}	
			else {
				$(this).parent().css('display', '');
				$(this).css('display', '');
				$(this).next().css('display', '');
				$(this).next().next().css('display', '');
			}
		});
	});
});

Diğer jquery dosyasıda ektedir.Yardımcı olabilecek bir arkadaş varsa çok memnun olurum.

Ekli Dosyalar

http://www.akchauhan.com/examples/example13/ örnek dosyasını burdada görebilirsiniz.Dediğim gibi listelerken örnekteki gibi yukardan aşağıya değilde yeri nerdeyse orada gösteriyor. Bu konu hakkında daha iyi bir çözümü olan yada elinde kod bulunan arkadaşlar varsa yardımlarını bekliyorum.
— kaan_1039 11 yıl önce yazdı
<div id="product-list" class="product-list" style=""> <ul> <?php foreach( $this->urunler->vitrin( array( 'vitrin' => 'yeni', 'limit' => 10000 ) )->liste as $urun ):?> <li style=""> <a href="<?php echo $urun->link();?>" > <div style=&qu
— kaan_1039 11 yıl önce yazdı
<script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } }); } } // lookup burada rpc.php dosyasını çağırmaya çalışıyor
— kaan_1039 11 yıl önce yazdı

Cevaplar

11 yıl önce yazılmış

sharq

115 cevap - 124 soru

autocomplete diye arama yapabilirsin konuya çok hakim değilim
11 yıl önce yazılmış

uralozden

70 cevap - 0 soru
sql'ini de paylaşabilirmisin ? ayırca verileri çekerken tekrarlamadığından emin olmanı öneririm autocomplate yapmanı bende öneriyorum örnek olarak http://jqueryui.com/demos/autocomplete/ kullanabilrsin çok kullanışlı birşey.
- kaan_1039
  buradaki örnekte verileri diziden çekmektedir.Verdiğim sql sorgusunu jquery içerisine nasıl ekleyebilirim. :/
  
  11 yıl önce yazılmış

11 yıl önce yazılmış

kaan_1039

2 cevap - 7 soru

<script type="text/javascript"> function lookup(inputString) { 
if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } 
else { $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } }); } }

// lookup

burada rpc.php dosyasını çağırmaya çalışıyor fakat bulamıyor neden acaba?