javaScript ile arama yapmak

[arunes]

herkese selam, bugün bir iş için javaScript kullanarak arama yapmam gerekiyordu, hızlı filtrelemede diyebiliriz aslında, bende uğraştım bişeyler yaptım. belki başka birilerinin işine daha yarar diye burayada gönderim dedim. umarım birilerinin işine yarar..

PHP Kodu:

 fonksiyon;

 <script language="javascript1.2">
<!-- Ali Rıza ÜNEŞ tarafından yapılmıştır (ali@arunes.com) -->
<!-- www.arunes.com | tarih : 10.03.2007 -->
<!-- javaScript arama [html tablosundaki veriler içinde arama yapar] -->

<!-- BAŞLANGIÇ
var tKayitG = true;                                        // toplam kayıt gösterilsin
var fntStl    = 'font-family:tahoma;font-weight:bold;font-size:11px';      // toplam kayıt font stili
var tKMsg    = 'Toplam # kayıt bulundu..'                        // toplam kayıt mesajı cümlenin içinde # kalmalı.
var tKBMsg    = 'Kayıt bulunamadı!'                              // kayıt bulunamadı mesajı
var cSrs    = 1000;                                        // arama çalışma süresi (1000 = 1 sn. )
var aClst    = false; // değiştirmeyiniz..

function browserBul() {
   if(navigator.userAgent.indexOf("Firefox")!=-1) {
      return 0; // firefox
   } else if(navigator.userAgent.indexOf("MSIE")!=-1) {
      return 1; // ie
   } else {
      return 2; // bilinmeyen
   }
}

function aramaYap(tablo,kelime) {
   if(aClst){
      clearTimeout(clstr);
      clstr = setTimeout("aramaCalistir('"+tablo+"','"+kelime+"')", cSrs);
      aClst = true;
   } else {
      clstr = setTimeout("aramaCalistir('"+tablo+"','"+kelime+"')", cSrs);
      aClst = true;
   }
}

function aramaCalistir(tablo,kelime) {
   clearTimeout(clstr);
   var tablomuz = eval(document.getElementById(tablo));
   var kacSatir = tablomuz.rows.length;
   var browser = browserBul();
   var tKyt=0; tplKyt=0;
   if(browser==0) gostermeTipi='table-row'; else gostermeTipi='block';
   
   for(i=0;i<kacSatir;i++){
      mvcStr = tablomuz.rows[i];
      if(mvcStr.id!='baslik') {
      icerik = mvcStr.id.toLowerCase();
      mvcStr.style.display=gostermeTipi;
      if(icerik.search(kelime.toLowerCase())==-1)
         mvcStr.style.display='none';
      }
   }
   
   if(tKayitG) {
      for(i=0;i<kacSatir;i++){
         if(tablomuz.rows[i].id!='baslik') {
            if(tablomuz.rows[i].style.display==gostermeTipi) tKyt++;
         }
      }

      if (!document.getElementById('kSysDv')) {
         yeniEleman = document.createElement('div');
         yeniEleman.setAttribute('id','kSysDv')
         tablomuz.parentNode.insertBefore(yeniEleman, tablomuz.nextSibling);
         
         if(browser==0) yeniEleman.setAttribute('style',fntStl); else yeniEleman.style.setAttribute('cssText', fntStl, 0);
      }

      if(tKyt>0) {
         document.getElementById('kSysDv').innerHTML=tKMsg.replace('#',tKyt);
      } else {
         document.getElementById('kSysDv').innerHTML=tKBMsg;
      }
   }
}
//  SON -->
</script>      


kullanımı;
  <input type="text" onKeyPress="aramaYap('aramaTablosu',this.value);">
arama yapacağınız text kutusu (onKeyPress özelliği)
  <table id="aramaTablosu">
// arama yapılacak tablo (id özelliği)
    <tr id="baslik">
// başlık satırı (id özelliği baslik olmalı)
      <td>Adı</td>
      <td>Soyadı</td>
    </tr>
    <tr id="alirızaüneş">
// arama yapılmasını istediğimiz anahtar kelimeler satırın id özelliğinde buluyor.
      <td>Ali Rıza</td>
      <td>Üneş</td>
    </tr>
    <tr id="arunes">
// arama yapılmasını istediğimiz anahtar kelimeler satırın id özelliğinde buluyor.
      <td>arunes</td>
      <td>arunes</td>
    </tr>
    
  </table> 


[karabela24]

hocam eline salık ben her nekadar aspyi tercih etsemde güzel çalışma .

[arunes]

asp ile javascript zaten farklı şeyler, yani elma armut ilişkisi gibi kıyaslayamazsın, biri sunucu tabanlı biri istemci tabanlı çalışır, bu js arama olayıda sadece browser üzerine zaten yazılmış olan yani tamamen işin kullanıcı tarafında olan bir aramadır, dolayısıyla servera git-gel yapıp sayfayı yavaşlatmaz. yinede ilgin için sağol.

[Jehovah]

araştırırken gördümde yararlı bir örnek.. geç kalmış olsamda teşekkürler.