Arama Kutusunda aratılan metni renkli yazdırma

Mert Köksal
24-04-2018, 10:56   |  #1  
Mert Köksal avatarı
OP Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: Nis 2018

Merhabalar,

Aşağıda arama kutusu optimizasyonu için kullandığım bir kod.  javascript kodu işlevsel olarak çalışmakta. Yalnız şöyle bir isteğim olacak. Metin kutusuna girdikten sonra arattığımı kelimenin, seçim alanında renkli olmasını istiyorum. CTRL+F ile aratma sağlandığında metnin kendini göstermesi gibi. Yardımınız için şimdiden teşekkürler. :)


<script type='text/javascript'>
//Aramalarda büyük küçük harf duyarlılığı için
jQuery.expr[':'].contains = function(a, i, m) {
    return jQuery(a).text().toUpperCase()
        .indexOf(m[3].toUpperCase()) >= 0;
};
$(document).ready(function () {
    // keyup ile inputa herhangi bir değer girilince fonksiyonu tetikliyoruz
    $("#searchTags2").keyup(function(){
        // inputa yazılan değeri alıyoruz
        var value = $("#searchTags2").val();
        // eğer input içinde değer yoksa yani boşsa tüm menüyü çıkartıyoruz
        if(value.length==0){
            $("div.hex").show();
        // arama yapılmışsa ilk olarak tüm menüyü gizliyoruz ve girilen değer ile eşleşen kısmı çıkarıyoruz
        }else{
            $("div.hex").hide();
            $("div.hex:contains("+value+")").show();
        }
    });
});
</script>