Lightbox : en görsel AJAX Uygulaması
Yazar : E.Altuğ YILMAZ
Asenkron Javascript ve XML ; daha popüler adıyla AJAX. Aslında yeni bir teknoloji değil Ajax , daha önce varolan Javascript,XML,CSS gibi teknolojilerin beraberce yeni bir şekilde yorumlanarak kullanılmasıyla ortaya çıkan bir uygulamadır.Temel mantığında internet sayfasının veritabanı ile erişimi sırasında tüm bir sayfanın gidip yorumlandıktan sonra güncellenen datayla birlikte gösterilmesini engellemek amaçlı sadece istenilen bir kısmın update panel içerisinde Javascript kodlarıyla tetiklenerek XML üzerinden veritabanından gerekli dosyaları alarak siz sayfada dururken istediğiniz güncellemeyi ekrana yazdırabilme mantığıdır.
Ajax geliştiricileri ister Microsoft kütüphanesi gibi önceden tasarlanmış bazı hazır kodlar kullanarak Ajax uygulamaları geliştirebilir ya da kendileri kodlarını yazabilirler. En bilindik Ajax uygulamaları Gmail e-posta adresinize email geldiği zaman sizin güncelle demenize gerek kalmadan emaili göstermesidir.
Ajax ile ilgili ayrıntılı giriş bilgilerini benim Doğuş üniversitesindeki seminerim için hazırladığım Ajax Sunumumu indirerek edinebilirsiniz.
AJAX Giriş Sunumum
Ajax protokollerinin Microsoft teknolojileri ve ASP.Net 2.0 üzerinde geliştirilimi ile ilgili bilgiyi Pusula Yayıncılıktan çıkmış Ajax ASP.Net kitabının yazarı Daron hocamızın bu kitabından ve blog adresindeki not ve sunumlarından edinebilirsiniz.
http://daron.yondem.com/tr/PermaLink.aspx?guid=d43226c0-79d1-464d-80e5-2c8ecc39006e
Tasarım kısmında Ajax'ın en çok kullanılmaya alışılmış versiyonu Lightbox adındaki bir linke tıklandığında linkteki içeriğin ekranın kararak uygulamanın adındaki gibi açılan bir ışıkkutusunda link içeriğinin gösterilmesi oldu.
Böyle bir uygulama için yapmanız gerekenler alttaki linkte anlatılıyor. Kısaca yapmanız gerekenler bir js klasörünüz ve içerisinde linkten indirebileceğiniz javascript kodlarının olması,yanında bir css klasörü ve açılınca göükecek görsel ve butonların olduğu image klasörü.Bu klasörleri servera kopyalıyorsunuz ve sayfanızın html kodlarında head kısmına bu javascript ve css dosyalarını hedefleyen 4 satır kodu yapıştırıyorsunuz.
Bu kodları yapıştırdıktan sonra artık Lightbox olarak açılmasını istediğiniz linklere
Örnek olarak :rel="lightbox"
takısını ekliyorsunuz.
http://www.huddletogether.com/projects/lightbox2
Lighbox uygulaması tüm ekranı karartıp ziyaretçinin ilgisini kendinde toplayabilen en görsel Ajax uygulaması.Sizde websitelerinizdeki foto-slide sunumlarınızda bu uygulamayı mutlaka kullanın.
Lightbox uygulamasının içeriden youtube linki açması ve altta görüldüğü üzere blogspot,blogger gibi blog adresinize uygulanışını yakın bir zamanda anlatacağım. Faydalı olması dileğiyle...
7/10/07
Takip ettiğim bloglar arasında en sık içerik eklenen blog sanırım sizinki. Gerçekten kutluyorum, içerik cidden kaliteli, dolu dolu, okunası yazılar yazıyorsunuz.
Yazıda kendi adımı görünce "işte tüm biriktirdiğim yorumları sıralamanın zamanı" dedim :)
7/10/07
Valla hocam readerımı ne zaman açsam bir yazınız mutlaka oluyor :)
Teşekkürler sunum içinde...
23/11/07
Hocam merhaba, bende ankarada bakanlıkta çalışan bir bilgisayar öğretmeniyim Ne yalan söyleyeyim kıskandırıyorsunuz kendinizi, öğrencileriniz çok şanslı. Tebrik ediyorum. Lightbox uygulamasını operada sorunsuz açabiliyorum fakat İnternet explorer 7 de çalışmıyor boş bir sayfada resim olarak açılıyor. Googledan araştırıyorum sizden önce bir çözüm bulabilirsem burada yayınlarım. Saygılar Sunuyorum. Yasin Ünlü
16/3/09
gerçekten çok kaliteli bir anlatım. tebrik ediyorum.
30/9/10
A contented old age is the prize of a well-spent youth. Rather than of its bringing wretched and woebegone prospects of disintegrate, it would give in to defeat us hopes of eternal lad in a recovered world.
25/1/11
A scarcely any days ago, we analyzed the 2010 flight of fancy baseball pitcher sleepers to timepiece in 2010. Today, we make off a look at the more high-level side of the equation - fantasy baseball hitters sleepers.
[url=http://www.dlmethod.com/forum/member/74651/ ]Jack[/url]