Back to Blog

Kategori: JQuery

JQuery

Facebook Fotoğraflarını Sitemizde Gösterme

fbPhotoStream plugin sayesinde facebook'taki herhangi bir public(yani herkese açık) albümün fotoğraflarını web sayfanızda gösterebilirsiniz. şimdi bu kullanımı çok basit olan plugin ile nasıl facebook resimlerini çekeriz buna bakalım.   resimde gördüğümüz işaretli alan bizim albümümüzü alabilmemiz için gerekli olan benzersiz id numarasıdır. öncelikle almak istediğimiz albümü açıp bu alanı bi yere not ediyoruz. daha sonra da plugini resimleri göstermek istediğimiz…
Continue Reading
JQuery

Jquery AJAX POST İşlemi

Jquery yardımıyla verilerimizi AJAX Post olayıyla PHP dosyamıza işlenmek üzere post edebiliriz. Aşağıdaki örnek kodlarımızda AJAX ile verilerimizi nasıl POST edeceğimizi göreceğiz. Öncelikle yine HTML form elementimizle başlayalım. Verilerimizi POST etmeden önce daha önceki yazılarımızda da gördüğümüz gibi formumuzu kontrol etmeyi ihmal etmeyelim. Daha önce bir firma için yazdığım yazılımdan kodları size aktarıyorum. Burada daha sonraki konularımızda bahsedeceğimiz Twitter Bootstrap…
Continue Reading
HTML5, JQuery

Jquery Form Control İşlemi

Jquery ile formlarımızı işlemeden önce yani POST etmeden önce göndereceğimiz verileri kolayca kontrol edebiliriz. Jquery form kontrolü yaparak daha güvenli işlem yapabiliriz. Kullanıcı için daha kullanışlı formlar oluşturabiliriz. <form action="javascript:;" id="customerForm"> <div class="form-group"> <label class="control-label"> Ad Soyad <span class="symbol required"></span> </label> <input type="text" placeholder="Ad soyad girin" class="form-control" id="name" name="name" value=""> </div> <div class="form-group"> <label class="control-label"> Tel <span class="symbol…
Continue Reading
JQuery, PHP

PHP – AJAX Auto Suggest İşlemi

Buradaki basit örnekte bir text input dosyasına giriş yapmaya başladığımız andan itibaren bir php dosyasına istek göndererek buradaki diziden girmeye başladığımız harflerle başlayan içeriği göstereceğiz <html> <head> <script> function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status ==…
Continue Reading