wmaraci reklam

jquery bilenler yardım

4 Mesajlar 675 Okunma
wmaraci reklam

tayfur tayfur Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 20.04.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek öğrenci
  • Konum Konya
  • Ad Soyad T** C**
  • Mesajlar 173
  • Beğeniler 38 / 29
  • Ticaret 7, (%100)
<script></script>
<script>
$(function(){
$('#searchButton').click(function(){
search();
});
});
function search(){
query = $('#searchInput').val();
loadResults(query, 0);
}

function loadResults(query, start){
var apiURL = 'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&callback=?';
$.getJSON(apiURL, {
q: query + ' ',
rsz: 8,
start: start
}, function(response){
var results = response.responseData.results;
$('#searchResultsList .nextPage, #searchResultsList .loading').remove();
resultsHTML = '';
if(results.length){
for(var i=0; i < results.length; i++){
r = results[i];
resultsHTML += '
  • ' + r.title +
    '
    ' + r.content +
    '
  • ';
    }
    if (response.responseData.cursor.estimatedResultCount > 8) {
    resultsHTML += '
  • 'onclick="loadResults(\'' + query + '\', ' + (start + 8) +
    ');">Daha fazla sonuç göster
  • ';
    }
    }
    else {
    //resultsHTML = '
  • Aradığınız kriterde içerik bulunamadı.
  • ';
    }
    $('#searchResultsList').append(resultsHTML);
    });
    }
    </script>

    arkadaşlar kodlar yukarıdaki gibi aslında php ile istediğimi yapabiliyorum ancak jquery ile yapmak istiyorum...
    Şimdi normalde burada ki kod ile butona tıkladığımızda sorunsuz çalışmakta....
    benim istediğim herhangi bir şekilde butona tıklamadan bu işlemi yapsın...

    bunu nasıl yapabilirim....
     

     

    wmaraci
    reklam

    FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
    • Üyelik 25.05.2015
    • Yaş/Cinsiyet 32 / E
    • Meslek Web Yazılım Uzmanı
    • Konum İstanbul Anadolu
    • Ad Soyad F** K**
    • Mesajlar 833
    • Beğeniler 0 / 287
    • Ticaret 13, (%100)
    Lojik olarak anlatayım size :)

    Fonksiyon searchButton id li nesneye tıkladığında click fonksiyonu ile tetiklenip arama fonksiyonunu çalıştırıyor.

    Eğer ki siz jQuery kodunuzun direkt çalışmasını istiyorsanız. Click işlemini iptal edip çalışmasını istediğiniz kodları direkt olarak şu bloğun içine yazınız.

    $(document).ready(function(){

    //bla bla bla kodlar

    });

    Ek olarak sanırım yanlış anladım. inputa yazarken mi anlık arama yapmasını istiyorsunuz ? Çünkü sayfa açılır açılmaz arama yapması saçma olurdu.
    Bunun içinde jQuery change ve ajax methodlarını kullanmanız gereklidir.
     

     

    swoorr swoorr php,pwa web etc. Kullanıcı
    • Üyelik 13.12.2013
    • Yaş/Cinsiyet 28 / E
    • Meslek web developer
    • Konum İstanbul Anadolu
    • Ad Soyad F** Ş**
    • Mesajlar 120
    • Beğeniler 32 / 31
    • Ticaret 2, (%100)
    Input Field'a herhangi bir harf yazılırken anlık sonuç listelemek istiyorsanız,

    keyup() function kullanabilirsiniz.
     

     

    tayfur tayfur Üyeliği Durdurulmuş Banlı Kullanıcı
    • Üyelik 20.04.2015
    • Yaş/Cinsiyet 34 / E
    • Meslek öğrenci
    • Konum Konya
    • Ad Soyad T** C**
    • Mesajlar 173
    • Beğeniler 38 / 29
    • Ticaret 7, (%100)
    @FurkanKandemir
    @swoorr
    Çok teşekkür ederim...
     

     

    wmaraci
    wmaraci
    Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al