10,120 yorum yapıldı
RSS Aboneliği
Friendfeed
Youtube
E-posta

ajax

jQuery dosya yükleme scripti (jQuery file uploader): Uploadify

Yazar: | 11 Ocak 2012 Çarşamba 4:10


Uploadify dosya yükleme işlemleri konusunda size büyük kolaylık sağlayacak, tamamen özelleştirilebilir bir jQuery plugini. JavaScript ve ActionScript’in maharetlerini kullanan bu plugin sayesinde sitenize/projenize dinamik olarak tekli ve çoklu dosya yükleme özelliği kazandırabilir, ziyaretçilerinize gelişmiş bir web deneyimi sağlayabilirsiniz.

Geliştiricinin ağzından scriptin sahip olduğu bazı özellikler:

  • jQuery Altyapısı
  • Çoklu Dosya Yükleme Özelliği
  • SWFObject Entegrasyonu
  • Popüler Sunucu Taraflı Yazılım Dilleriyle Uyumluluk
  • Tamamen Özelleştirilebilir (.FLA Dahil)
  • Geniş Destek Topluluğu
  • Kapsamlı Örnekler ve Dökümantasyon

Yazinin devamini okuyun »

XHTML Live Chat: Kullanışlı ve ufak bir sohbet scripti (Shoutbox)

Yazar: | 23 Haziran 2010 Çarşamba 18:48


Egoradyo‘da kullandığım ve son zamanlarda büyük istek alan ufak bir chat (shoutbox) uygulaması. Benzerlerine göre oldukça şık ve basit tasarlanmış, bir iki adımda kolayca kurabilir ve hemen kullanmaya başlayabilirsiniz.

Veritabanı kullanan scriptin kurulumu oldukça kolay, db.php dosyasından veritabanı bilgilerini tanımladıktan sonra initDB.php isimli dosyayı çalıştırarak kurulumu gerçekleştirebilir ve başka herhangi bir ayara gerek duymadan hemen kullanmaya başlayabilirsiniz.

Bu tür ufak scriptlerden detaylı chat scriptleri gibi gelişmiş ayarlar beklemek doğru değil. Fakat scriptimiz kolay anlaşılır tasarımı ve kodlamasıyla geliştirilmeye son derece açık, dilediğiniz gibi değiştirebilirsiniz. Yazinin devamini okuyun »

Flexigrid: Jquery & Ajax Data Grid

Yazar: | 10 Mayıs 2010 Pazartesi 14:30


Flexigrid MySQL ve Ajax kaynaklı dataları (XML ve JSON) listelemeye yarayan şık ve kullanışlı bir grid scripti. Listelenen verilerde hızlı arama, sütun ve satır boyutlarını değiştirebilme (resizable), seçili başlığa göre listeleyebilme (sort), sayfalama ve API erişimi gibi daha bir çok işlevsel özelliği var. Özellikle yönetim paneli uygulamaları için ideal bir script.

Script hakkında detaylı bilgiler ve download sayfası için:
http://flexigrid.info/

Ajax domain sorgulama scripti

Yazar: | 22 Nisan 2010 Perşembe 23:59


Bugün sigara molalarında oturabildiğim bilgisayar başında (bir kaç gündür evde tadilat olaylarına giriştimde) arşivimi karıştırırken tesadüf eseri 2007 model bir ajax whois scriptine rastladım. Direkt o haliyle paylaşmaktansa biraz modifiye edip adam gibi işe yarar bir hale getirmeye çalışayım dedim. Açıkcası gecenin şu saatinde biraz yorgun olduğumdan geri dönüp kodları muntazam hale getirmeye üşendim, o yüzden herhangi bir yerde kullanmadan önce baştan sona mutlaka elden geçirmenizi öneririm.

Başka zaman olsa scripti uzun uzun anlatırdım da sabahtan beri matkabın ucuna takılan zımparamsı meretle tüm tavanlarda dolaştığım ve akabinde hepsini boyadığım için şu an kollarımda klavye tuşlarına basacak hal kalmadı, bu sebeple affınıza sığınarak detaylı bir açıklama olayına girişemeyeceğim, gözünüze çarpan olası hataları veya eksiklikleri bana iletebilirseniz bir sonraki versiyonuna uygularız :) Yazinin devamini okuyun »

Jquery ve Php ile kimler online scripti (Who is online widget)

Yazar: | 27 Mart 2010 Cumartesi 20:13


Php/mysql altyapılı, jquery ile tasarlanmış hem şık hem de kullanışlı bir kimler online scripti. Ücretsiz Hostip.info IP lokasyon API’si ile eş zamanlı coğrafi bilgi (geolocation data) ve bayrak gösterimi gibi özellikleri mevcut. Yapımcın script ile ilgili detaylı açıklamalarına (İngilizce) şu adresten ulaşabilirsiniz. Yazinin devamini okuyun »

Jquery ve Php ile Twitter takipçileri kutusu (Fanpage)

Yazar: | 27 Mart 2010 Cumartesi 14:25


Web sitenizde Twitter takipçilerinizi listeleyebileceğiniz, siteniz üzerinden eş zamanlı yeni takipçiler edinmenize olanak sağlayan, jquery, php ve css ile tasarlanmış kullanışlı bir script.

Twitter’ın sunduğu veya alternatif takipçi listesi oyuncaklarına nisbeten bu script ile site bütünlüğünüze uygun, reklamsız ve istediğiniz renklerde bir takipçi listesi kutucuğu sahibi olabilirsiniz.

Yapımcının script ile ilgili detaylı açıklamalarına ve adım adım anlatımlara (İngilizce) şu adresten ulaşabilirsiniz. Yazinin devamini okuyun »

Javascript ile Sahibinden.com benzeri resim galerisi

Yazar: | 25 Mart 2010 Perşembe 18:05


Sahibinden.com gibi otomobil, emlak satışı yapılan sitelerde ürünün farklı resimlerini görüntülemek üzere sıkça kullanılan (örnek) ve tasarımcılar tarafından şiddetle aranılan scriptlerden biri. Aslında benim tasarladığım bu örnek tam olarak mevzubahis sitelerdeki gibi çalışmıyor, ben olayı biraz daha basit tekniklerle halletmeye çalıştım.

Script, iki farklı metod ile küçük resimlere tıklandığında büyük resmin değişmesini sağlıyor; birincisi büyük resmin javascript ile direkt olarak değiştirilmesi, ikincisi ise büyük resmi taşıyan div’in içerisine innerHTML vesilesiyle html import edilmesi. Her iki metodun da kendine göre avantaj ve dezavantajları var, mesela büyük resim yüklenirken resmi taşıyan div’e arkaplan olarak atanan loading ikonunun görüntülenmesi için innerHTML kullanmak daha mantıklı.

Dışarıdan herhangi bir kütüphane/dosya import edilmesine gerek bırakmayan, tüm işi gören javascript kodlarımız şu şekilde:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function myResim(aydi){
    // Yöntem 1: Resmi değiştirme
    // document.myresim.src =  ""+ aydi +"";
   
    // Yöntem 2: Taşıyıcı div'e html import etme
    document.getElementById("resimdiv").innerHTML = "<img name=\"myresim\" src=\""+ aydi +"\" />";
}
</script>

Bu fonksiyona göre;
yöntem 1′de küçük resim linkimiz <a href="javascript:;" onclick="myResim(‘resim-1.jpg’);">resim 1</a> şeklinde olacak ve bu linke tıklandığında myresim id’li büyük resim resim-1.jpg olarak değişecek.

yöntem 2′de resim linkimiz yine <a href="javascript:;" onclick="myResim(‘resim-1.jpg’);">resim 1</a> şeklinde olacak ve bu linke tıklandığında resimdiv id’li taşıyıcı içinde resim-1.jpg dosyası görüntülenecek. Yazinin devamini okuyun »

CSS ve Jquery ile Session kontrollü sabit reklam scripti

Yazar: | 28 Şubat 2010 Pazar 21:01

css-jquery-php-sabit-kayan-reklam
Sitenin herhangi bir yerinde sabit duran (zaman zaman “kayan” diye ifade edilen) ve kullanıcı tarafından kapatılıp o oturum boyunca bir daha görüntülenmeyen kullanışlı bir reklam scripti. Aslında sadece reklam scripti diye kısıtlamak doğru değil, çeşitli site duyurularını da bu script sayesinde en verimli şekilde ziyaretçilerinize ulaştırabilirsiniz.

Kullanıcı reklamı veya duyuruyu kapatmak isteyip “kapat” düğmesine tıkladığında sayfa değişmeden jquery aracılığıyla bir session değeri atanıyor ve kutucuk mevcut oturum boyunca bir daha görüntülenmiyor.

Scriptimiz temelde bir kaç satır javascript kodu ve bir tutam CSS’den ibaret. Jquery kütüphanesi import edildikten sonra uygulama için kullanılacak sayfada şöyle bir javascript kodu kullanıyoruz:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">// < ![CDATA[
$(document).ready(function() {
    $("#vid_link").click(function(){
        $.post("session.php", {reklam: $("#reklam").val()}, function(data){

     if(data == "1")    {
        $('#alt_reklam').fadeOut('slow', function() {

        // Fade out animasyonu tamamlanınca bir uyarı verdirtiyoruz
         alert('Session değeri atandı ve reklam kapatıldı.\nBu oturum süresince kullanıcı reklamı bir daha görmeyecek');
       });
     } else {
        $("#alt_reklam").html("<b>Hata: Session değeri atanamadı!");
     }
   });
});
 });

// ]]></script>

Yazinin devamini okuyun »

Ajax Progress Bar (İlerleme çubuğu)

Yazar: | 10 Şubat 2010 Çarşamba 15:08


İlerlemeli soru-cevap ve anket gibi uygulamalarda kullanabileceğiniz, Ajax ile hazırlanmış kullanışlı bir progress bar (ilerleme çubuğu) uygulaması. Ajax progress bar projesiyle ilgili detaylı bilgilere ve güncellemelere şu adresten ulaşabilirsiniz. Yazinin devamini okuyun »

Pluralink ile linklerinize açılır menü (drop down) özelliği kazandırın

Yazar: | 21 Ocak 2010 Perşembe 23:27


Pluralink sitenizden verdiğiniz dış bağlantılara açılır menü özelliği kazandıran (drop down list) ve tek bir linke birden fazla dış bağlantı atayabilmenize olanak sağlayan kullanışlı bir script. Dilerseniz bu scripti sitenizden kelime bazlı reklam yayını yapmak için de kullanabilirsiniz. Scriptin düzenlenmesi ve kullanımı oldukça basit.

Kullanım talimatları ve örnek uygulamalar için şu sayfayı ziyaret edebilirsiniz. Ayrıca eğer WordPress tabanlı bir siteye sahipseniz Pluralink’i hazır eklenti (plug-in) olarak indirip kolayca kullanmaya başlayabilirsiniz. Yazinin devamini okuyun »