jQuery Interactive selector tester

A jQuery selector expression (version 1.3.2)

http://twittexperts.com/link/91009351634

jQuery Gmail Facebook Style Chat Plugin

Everyone loves the gmail and facebook inline chat modules. This jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.

http://anantgarg.com/2009/05/13/gmail-facebook-style-jquery-chat/

jQuery blockUI Plugin

http://malsup.com/jquery/block/

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using
AJAX, without locking the browser[1]. When activated, it will prevent user
activity with the page (or part of the page) until it is deactivated.
BlockUI adds elements to the DOM to give it both the appearance and behavior
of blocking user interaction.

jQuery reel Plugin

http://www.vostrel.cz/jquery/reel/#demo

Reel is a jQuery plugin which takes an image tag and makes it a live
"projection" of pre-built animation frames sequence. Its aim is to provide a
360° view of something or someplace. Great alternative to widely used Flash
techniques.

jQuery jGrowl Plugin

Ekranda kendiliginden kapanan bilgilendirme kutucuklari aciyor.

http://www.stanlemon.net/projects/jgrowl.html#samples

jQuery to-Top Plugin

Sayfada asagi dogru inildikce, yukari cikmak icin bir buton olusturuyor.

http://lab.mattvarone.com/projects/jquery/totop/

jQuery Before/After Plugin

Bir nesnenin önceki ve sonraki halini, resimlerini üst-üste koyarak dramatik
bir biçimde göstermek için yapılmış jQuery eklentisi.

http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

Javascript ve Json İle Veri İşleme

Json son günlerde oldukça popüler olmaya başlayan bir veri aktarma standardı. Aslında tüm gücünü javascriptten alıyor. Eğer javascript deneyiminiz varsa hiç yabancılık çekmeyeceksiniz. Fakat şimdiden söyleyeyim XML in yerini almasını beklemeyin ama çoğu işinizi kolaylaştıracağı kesin. Json hakkında daha detaylı Türkçe bilgi için tıklayınız.

// İşlemek istediğim veri.
var zogrenciler='[{numara:1,adi:"Ali",yas:function(){return 20;}},{numara:2,adi:"Ayse",yas:function(){return 19;}},{numara:3,adi:"Veli",yas:function(){return 20;}}]';

// Json veriyi parse ediyor.
var zjson = eval ("(" + zogrenciler + ")" );

var zhtml="";

// Jsondaki her bir elemandan geciyor.
for(var i = 0;i<zjson.length;i++){

// Her bir elemana ait bilgileri liste oluşturmak için kullanıyor.
zhtml+="<li>"+zjson[i].adi+" ("+zjson[i].numara+")("+zjson[i].yas()+" yasinda)";

}

// Çıktıyı oluşturuyor. self.document.getElementById("ogrenciler").innerHTML="<ul>"+ zhtml + "</ul>";


Javascript ile Div'i yatay ve dikey ortalama

Öncelikle div elemanını alalım.

var zobj=self.document.getElementById(zid);

Görünür yapalım.(tabi eğer değilse. offsetHeight değerini alabilmek için gerekiyor.)

zobj.style.display="block";

Genişliğini ve yüksekliğini bulalım.

var zw = parseInt(zobj.style.width);
var zh = zobj.offsetHeight;

Pencerenin üst noktasının olması gereken yerini hesaplayalım.

var zt = ((screen.height/2)-(zh/2))/2;

Üst kısmını ayarlayalım.

zobj.style.top=zt+"px";

Sol tarafı ayarlayalım.

zobj.style.left=(screen.width-zw)/2;

Javascript ile yapılandırıcılar (constructors)

 function Dikdortgen(zuzun,zkisa) {
    this.uzun = zuzun;
    this.kisa = zkisa;  
    this.Alan = Alan;
 
    function Alan() {
       return (this.uzun * this.kisa);
    }
 }
 
        var benimKutu = new Dikdortgen(3,5);
 alert(benimKutu.Alan());

Javascript ile basit nesneler

   // basit nesne tanimlama
   function Kopek() {
       alert("hav hav");
   };

   // var anahtari ile nesne tanimlama
   var Kedi = function() { alert("miyav"); };

   // var anahtari ile nesne 2
   var Esek = new function(){ alert("ai ai"); };

   // tanimlanan nesneleri metot olarak kullanma;
   Kedi();
   Kopek();

   // biraz daha gelismis bir nesne tanimlama
   function Hayvanlar() {
       this.Kedi = Kedi;
       this.Kopek = Kopek;
     
       function Kedi() {
           alert("miyavvvvvvvvvvvv");
       }
     
       function Kopek() {
           alert("hirrrrrrrrr hav hav");
       }
   }

   // nesneyi kullanmak icin alma
   var benimHayvanlar = new Hayvanlar();

   // nesneye ait bir metodu kullanma
   benimHayvanlar.Kedi();