[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>