Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

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 9 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 9 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 9 yıl önce yazdı
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • sharq adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    115 cevap - 141 soru
    autocomplete diye arama yapabilirsin konuya çok hakim değilim
  • uralozden adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    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 adlı üyenin fotoğrafı kaan_1039
      buradaki örnekte verileri diziden çekmektedir.Verdiğim sql sorgusunu jquery içerisine nasıl ekleyebilirim. :/
      9 yıl önce yazılmış
  • kaan_1039 adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    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?