• 25-02-2013, 15:28:16
    #1
    Merhaba ;
    Örneğin
    <div class"aranacakalan">Ahmet</div>
    <div class"aranacakalan">2Ahmet</div>
    <div class"aranacakalan">aAhmet</div>
    <div class"aranacakalan">cAhmet</div>
    <div class"aranacakalan">dAhmet</div>
    
    <div id="search"><form action=""> 
    //bunu kullanarak üsteki div classının içine arma yaptıra bilirmiyim ?
    böyle bir kod buldum ama sorun var galiba :S

    window.onload=startUp;function startUp(){var a=document.getElementById("searchServs");a.value="Aranacak Server Adını Giriniz";a.onclick=changeStatus;a.onblur=changeStatus2;
    bu benim dediğimi http://www.servertanitimi.com/ burada gördüm yardımcı olana şimdiden teşekkür ederim
  • 25-02-2013, 16:28:22
    #2
    Aşağıya komple kodu koyuyorum, kopyalayıp html olarak kaydedersen denemeyi yapabilirsin.

    <html>
    <head>
    
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    
        <script type="text/javascript">
    
    		// Arama yaparken büyük/küçük harfi dikkate almaması için
            jQuery.expr[":"].Contains = jQuery.expr.createPseudo(function (arg) { return function (elem) { return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; }; });
    
            $(document).ready(function () {           
    
                $("#txtAra").keyup(function () {
                    var aranan = $(this).val();
    
                    if (aranan.length > 0) {
                        $(".aranacakalan").hide();
    
                        $("div.aranacakalan:Contains('" + aranan + "')").show();
                    }
                    else $(".aranacakalan").show();
                });
    
            });
    
    
        </script>
    
    </head>
    
    <body>
    	<div class="aranacakalan">Ahmet</div>
    	<div class="aranacakalan">2Ahmet</div>
    	<div class="aranacakalan">aAhmet</div>
    	<div class="aranacakalan">cAhmet</div>
    	<div class="aranacakalan">dAhmet</div>
    	<input type="text" id="txtAra" />
    </body>