Kategori: "Ajax"

PHP:AJAX: Beğeni Oylama Uygulaması (Favourite – Love)

Özellikle sosyal ağlarda ağımızdaki kişilerin paylaştığı içeriklere karşı etkileşim halinde olmanın en önemli yolu beğenini göstermektir. Bu uygulamamızda yayınlanan resimleri favorilere ekleme veya beğenme olayını inceleyeceğiz.

PHP:Jquery: Scroll Down Auto Load Data (Sayfayı aşağı kaydırınca otomatik veri yükleme)

Bu uygulamada bazı web sitelerinde görülen sayfa altına scroll edilince yeni verilerin Ajax ile yüklenme olayını inceleyeceğiz. Örnek site için sortfolio.  Bu uygulama ile sayfa hareketine göre verilerin daha düzenli ve verimli kullanılmasını sağlıyoruz. Tabi ki sunucu performansından büyük tasarruf  ediyoruz. Bu uygulama demosu için de daha önce kullandığım mysql.php database class yapısını kullandım. En read more »

Twitter Tarzı Jquery – CSS More Çubuğu

Twitter’a dadanmışken tam olsun artık. Sayfa altında yer alan more çubuğu nasıl çalışıyor, ne gibi yararları var sorularına cevap arayalım.

AJAX jQuery Mesaj Kutusu (Shoutbox)

Web sitemizde yer alan; ürün, haber, kitap, hikaye vb gibi verilere kullanıcıların yorum yapmaları ve düşünceleri yazmalarını sağlayan formlar oldukca popülerdir. Bu örnegimizde kullanıcı adı ve mesajını yazdığı anda sayfa yenilemesi olmadan Ajax ile mesajı veri tabanına kaydediyoruz ve mesajların yer aldığı “Son Mesajlar” bölümünde gösteriyoruz.

Jquery Form Validator

Formlarımızda yer alan bölümlerin eksiksiz ve uygunbir şekilde kullanıcı tarafından doldurulup doldurulmadığını post edildikten sonra kontrol edebileceğimiz gibi, kullanıcı formu doldururken de kontrol edebiliriz. Bu örneğimizde kullanıcı verileri girip onaylamadan önce formda boş veya yalnış bir veri varmı kontrol edeceğiz. Javascript Kodlarımız:

Yapım Aşamasında Şablonu (Under Construction Template)

Yapım aşamasındaki projeler için kaliteli ve ilgi çekici bir giriş sayfası. Önizleme Şablonu indir

Ajax:CSS:HTML: İletişim Formu

Web sitelerimizde yer alan kullanıcı kayıt, login veya adres gibi formlarımızın tasarımları , efektleri, sitemiz ile uyumu, kullanış açısından rahatlığı bizimbir artımızdır. Bu örneğimizde css ve jquery ile derlenmiş bir form tasarımı örneği yapacağız. CSS Kodlarımız;

Jquery Tab Uygulaması

Web sitelerimizde bir sayfada birden çok bölümün olmasını isteyebiliriz. Bu bölümlerin nasıl ve ne şekilde sıralanacağı yani düzeni önemlidir. Jquery tab uygulaması ile birden çok bölümün istediğimiz css özelliklerine göre yerleştirilmesini ve içeriğini oluşturmayı bu örneğimizde ögreneceğiz. İlk Olarak jquery dosyamızı sayfamıza dahil ediyor.

Dropdown menu (Açılır menü) uygulaması

Web sitelerin de dropdown menuleri çok sıklıkla kullanabiliyoruz. Bu örneğimizde css ler uyguladığımız ve mause üzerine geldiginde kendiliginden açılan br menu oluşturmayı ögreneceğiz. Sayfamızda dropdown menu’nun açılır ve kapanır olmasını sağlayan kodu inceleyelim. <script> $(document).ready(function(){ $(".dropdownmenu").mouseenter(function () { $("#menu").slideToggle(); }); $(".dropdownmenu").mouseleave(function () { $("#menu").slideToggle(); }); }); </script> Yukarıdaki kodlarda :