Jquery & Javascript

Ajax ile basit chat - PHP bilgisi gerektiriyor

İlgili Konular: Php Jquery & Javascript      Tarih : Cum, 02/05/2010 - 19:42 - Cihan_

Ajax kullanarak chat sayfası yapmak isteyenimiz çoktur ama sıkılıp hazır scriptlere gideriz. Ancak bu kütüphane ile basit bir chat sayfası yapmak çok kolay oluyor.


Buradan gerekli kodlara ulaşın.

Örnek uygulama.

jQuery LightBox Resim galerisi oluşturma

İlgili Konular: Jquery & Javascript      Tarih : Cum, 02/05/2010 - 19:30 - Cihan_

Resim galeri oluşturmanın kolay ve kullanışlı yolu bir jquery galeri kullanmaktır. Bu galeriyi diğerlerinden ayıran özelliği ise hazır olarak görsellik özelliği ile beraber gelmesidir. Bu sayede gereksiz yere kod yazmaya uğraşmadan pratik olarak galerilerimizi oluşturabiliriz.

Dinamik sayfa yüklemek - Div içinede ayrı css ile yükleyebiliyor

İlgili Konular: Jquery & Javascript      Tarih : Cum, 02/05/2010 - 19:28 - Cihan_

Bazı forumlarda ve bloglarda sayfa yükleniyor şeklinde bir yükleme ifadesi ve ardından sayfanın geldiğini görmüşsünüzdür. Bu kütüphane sayesinde bu sayfa yüklemeyi yapabildiğiniz gibi bir div içinede linke tıklandığında bir sayfayı yükledebiliyorsunuz. Ayrıca bu işlemleri yaparken farklı bir css ile yükletmeniz veya ek bir işlem için css yüklemeside yapabiliyorsunuz. Örnek uygulama kütüphane sayfasında mevcuttur.

Kullanımıda gayet basittir:

Ajax ile dosya upload

İlgili Konular: Php Jquery & Javascript      Tarih : Cum, 02/05/2010 - 19:21 - Cihan_

Web sitelerini tasarlarken dosya upload işlemlerini php kullanarak yaparken illaki bir dosyaya yollamamız gerekiyor. Ancak bu işlemi buradaki jquery kütüphanesi ile yaptığımızda sadece bir butona tıklamamız yeterli geliyor ve sayfa yenilenmeden dosyamız sunucuya yüklenmeye başlıyor. Bu arada bizler veya ziyaretçi formdaki metin bölümlerini doldurmaya devam edebilir.


Kütüphanenin sitesi

Örnek uygulama sitesi

Jquery menüler

İlgili Konular: Jquery & Javascript      Tarih : Cum, 02/05/2010 - 19:17 - Cihan_

Birbirinden güzel jquery menülerinin bulunduğu listeyi sizlerle paylaşmak istedim. İlk bir kaç menü hoşuma gitmedi ama ortalara doğru artan örnekler oldukça dikkat çekici ve yaratıcı gücünüzle güzelleştirmek size kalıyor. Listeyi sitedeki açıklamaları da ingilizce olduğu için ingilizce olarak bırakıyorum.

Jquery menü arşivi:

Jquery plugin - Birbirinden güzel kütüphaneler

İlgili Konular: Jquery & Javascript      Tarih : Cum, 02/05/2010 - 17:36 - Cihan_

Aşağıdaki sitelerde birbirinden güzel kütüphaneler bulunmaktadır. Sitelerde uygulamaların örnekleri bulunmakta beğendiğinizi istediğiniz gibi kullanabilirsiniz.

  1. Resim galerisi ve ileti kutuları

    2. http://jquery.com/demo/thickbox/

  2. Resim galerisi

    3. http://colorpowered.com/colorbox/

  3. Bir sürü örnek uygulama

    4. http://jqueryui.com/demos/

  4. Resim galerisi, ileti kutuları ve form(Gölgeli)

    5. http://fancybox.net/dev/130/

  5. İleti kutuları,tooltip v.b.

    6. http://swip.codylindley.com/

  6. Galeri,video,form,sayfa,ileti v.b.

    7. http://www.shadowbox-js.com/

  7. İleti ve form

    8. http://www.ericmmartin.com/projects/simplemodal-demos/

Bulduklarımı eklerim. Sizinde bildiğiniz var ise yoruma yazın buraya ekleyelim.

Jquery ile resimlerimiz ve resim açıklamalarımız web sayfalarımızı güzelleştirsin

İlgili Konular: Jquery & Javascript      Tarih : Cum, 02/05/2010 - 17:07 - Cihan_

Jquery çoğu web tasarımcısının vazgeçilmezi olmaya devam ediyor. Bir galeri yapmak için bazen yazacağımız kodlar haftalarca sürmekte ancak jquery sayesinde bu işlemi bir kaç dakika içinde halledebilmekteyiz. Yeni bulduğum sitede ise bir kaç tane jquery kütüphanesi bulunuyor. Bu kütüphaneler sayesinde resimlerimizi güzel bir galeri olarak gösterebileceğimiz gibi resim açıklamalarının da sunumunu görselleştiren kütüphaneye ulaşmak mümkündür.

Aşağıdaki siteye kesinlikle bakmanızı öneririm.

http://www.catchmyfame.com/catchmyfame-jquery-plugins/

Jquery jscrollpane ile sayfa içinde scroll kullanımı

İlgili Konular: Jquery & Javascript      Tarih : Cmt, 01/30/2010 - 16:59 - Cihan_

Aşağıdaki örnek sayfalardan beğendiklerinizi bilgisayarınıza farklı kaydet ile kaydedebilirsiniz.

 

Örnekler:

jQuery ve PHP ile efekt vererek veri silmek

İlgili Konular: Php Jquery & Javascript      Tarih : Cmt, 01/30/2010 - 16:57 - Cihan_

Bir sitede gezinirken bulduğum kodları sizinle paylaşmak istedim. Tabi bu kodları kullanmadan önce Jquery kütüphanesini sayfanıza eklemeniz gerekmektedir.

Bu kod bölümünü sayfanızdaki <head> tagları içersine yazın.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>

Örneğin orijinal haline buradan ulaşabilirsiniz. Ayrıca demosunada buradan bakabilirsiniz.

PHP veri silme kodumuz;

jQuery ile sayfayı yenilemeden verileri ekrana bastırmak 1

İlgili Konular: Jquery & Javascript      Tarih : Cmt, 01/30/2010 - 16:53 - Cihan_

jQuery ile sayfaya refresh atmadan 3 satır kodla verileri ekrana bastırabilirsiniz. Yapıcağımız işlem çok basit önce jQuery’nin güzel özelliklerinden biri olan $.get() fonksiyonu ile verileri çağıracağız daha sonra ise window.setInterval() fonksiyonu ile bunları ekranda belli zaman aralıklarıyla refresh ediceğiz.

Resfresh diyorum fakat bu refresh sadece sayfanın belli bir bölümünde gerçekleşecek yani window.setInterval() fonksiyonuz aslında bir timer gibi çalışacak.

Şimdi kodlara bakalım;