Veri tabanlarımızdaki verileri kullanıcılara listelerken genelde sayfalama sistemlerini kullanırız. Sayfalama sistemlerinin yanı sıra web sayfasındaki scrollbar aşağıya çekildikce verileri listeliye biliriz bu sayede bir sayfada tüm verilerin kullanıcılara sunulmasını sağlıya biliriz.

Web sitelerimizde, kişisel bloglarımızda, formlarımızda veya portallarımızda yer alan resimlerimiz açıklamalarını jquery yardımı ile görselleştirebiliriz, daha kullanışlı bir hale getirebiliriz.

Web sitelerimizde alanlarımızı verimki kullanmak,birbirleri ile alanların uyumlarını sağmalak bazen oldukça güç olabiliyor. Jquery slider

Web sitelerimizde kullanıcılarımız tarih işlemleri yaparken tarihleri uygun bir biçimde yazmaları ve bizimde sorgularımız bu dogrultuda yapmamız gerekir. Tarih işlemleri i “Jquery Date Pick’i ” kullanabiliriz. İnput alanımız aktif edildiği anda karşımızı bir takvim geliyor ve bu alandan sitediğimiz tarihi seçebiliyoruz.

Dosyamıza jsDatePick.min.1.1.js dosyamızı ve jsDatePick.css stil dosyamızı ekliyoruz, ardından aşagıda yer alan javascript kodumuzu yazıyoruz ve input id inputField aktif edildiğinde karşımızam tarhi seçimi yapacağımız takvimimiz geliyor.

Daha önce photo slider uygulamalarında fotografları seçtiğimizde ekranımız kararıyor ve fotografımız ekranımızın ortasında normal boyutlarında yer alıyordu. Bu uygulamamızda fotografımızı seçtiğimizde fotografımız olduğu yerden başlayarak normal boyutlarına doğru büyüyor, ve açıklaması fotografımızın altında yer alıyor.

Fotograflarımızı örneğimizde aşağıdaki kod bologu içerisine yerşetiriyoruz.

		<td><div class="photo_slider">
			<img src="images/mthood.jpg"/>
			<div class="info_area">
				<h3>Deneme Image 1</h3>
				<p><em>By: <a href="http://gumusluoglu.com">Müslüm</a></em></p>
			</div>
		</div></td>

Web sitelerimizde jquery’den yararlanarak fotograf galerileri – fotograf geçişleri (Sliders) hazırlaya biliriz. Sitemiz bir alışveriş sitesi ise veya biz bir üretim firması isek çıkan ürünlerimizin reklam imagelarını Jquery Sliders aracılığı ile kullanıcılara sunabiliriz.

Daha önceki Jquery Alışveriş Sepeti (Sürükle Bırak) uygulamamızda alışveriş sepetimizi oluşturuyor ve alışverişi tamamla işlemlerini yapmış, uygulamamızda veri tabanına kayıt işlemini gerçekleştirmemiştik. Bu örneğimizde alışveriş bilgilerini veri tabanına kayıt edilmesini yapıyoruz.

Sitemizde yer alan ürünlerin veya verilerin belirli sıralama ölçütlerine göre sıralanma olanağını kullanıcılarımıza suna biliriz. Bu olanak için direk bir buton veya link kullanarak url aracılığıyla gelen uyarıya göre ürünlerimizi sıralıya biliriz. Bunun yanı sıra jQuery’nin nimetlerinden yararlanarak sayfa içerisinde yer alan verilerimizi sıralıya biliriz.

Özellikle formlar aracılığı ile kullanıcılarla etkileşimde olunan durumlarda işlem yapanın gerçek bir kullanıcı mı yoksa otomatik bir bot mu olduğunu kontrol etmek zorunlu olmaktadır. Piyasada bulunan Captcha uygulamalarından en dikkat çekici olanını inceleyelim.

Jquery UI kullanarak gerçekleştirilen bu sistemde basit bir index kullanımı ile aktif hale gelebiliyor. Kodları inceleyelim;

Web sitelerimizde yer alan haber, yorum, ürün, yeni ürünler, kullanıcılar vb gibi bilgileri bir bölümde sırası ile geçmesini isteye bilir ve bunu marque olmadan zamana bağlı olarak ekranda durmasını ve ardından kaybolmasını ve sıradaki verinin onun yerini almasını isteyebiliriz.Oldukça kullanışlı ve görsel olarakda gayet güzel bir uygulama, hadi başlayalım.