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.
Archive for the ‘Jquery’ Category
Posted in 
jQuery drag drop uygulaması 1
January 8th, 2010 
admin Bu uygulama ile açılır kapanır bir bölüm yapacagız örnegin sitemiz bir kitap sitesi ve arama yapıldıgında kitap yazarı, yayın evi ve kitap adı sonuçları sorgulanıp ekranımıza dökülüyor. Bu verilerin hepsi aynı anda ekrana dökmektense 3 bölüme ayırıp her birinin üzerinde yer alan ana başlıga tıkladığımızda gizlenmesini ve geri tıklandıgında açılması sağlamak kullanıcılar açısından kullanım kolaylıgı [...]
Jquery Text to İmage
January 1st, 2010 admin Web sitelerimizde yer alan bilgilerin kopyalanmasını önlemek istediğimizde önlemler almamız gerekebilir. Örneğin eposta tekrarında kullanıcının kopya yapıştır yapmasını istemiyoruz. Bu örneğimizde textleri image olarak göstermeyi öğreneceğiz. h1, h2, h3 ve spam elemetleri içerisindeki verileri resime dönüştürüyoruz. Sayfamız yüklenirken tanımlanan elementlerin resime çevriliyor. <script type=”text/javascript” class=”active”> $(function() { $.pir.options.php=”pir.php”; $(“h1″).pir({font: “verdana.ttf”, wrap: true}); $(“h2″).pir({font: “verdana.ttf” , [...]
Jquery Username Control
December 16th, 2009 admin Web sitelerine kayıt olurken; username girişi sırasında anında kontrol edilmesini, veri tabanında eşleşen bir username olup olmadığını kontrol etmek isteyebiliriz. Bu örneğimizde, username, rumuz, eposta gibi bilgilerin sistemlere kayıt olurken kontrol ve uyarılarını öğreneceğiz. Örneğimizde username tablosundaki rumuz eşleşmesi olup olmadığını kontrol edeceğiz. Proje dosyalarını indir. İlk olarak index.php kodlarımızdan başlayalım. < !DOCTYPE HTML PUBLIC [...]
PHP:Jquery: Scroll Down Auto Load Data (Sayfayı aşağı kaydırınca otomatik veri yükleme)
December 7th, 2009 admin 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 [...]
jQuery Sanal Klavye
November 22nd, 2009 admin jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması. Bazen bildiğimiz programlama dilleri ile oynamak eğlenceli olabiliyor. CSS , online klavye oluşturmak için güzel olabilir, ve sonra jQuery ile çalışmasını sağladık düşündüm. Klavye tuşlarını işlemleri içermektedir. HTML kodlarımız Css kodalarımız * { margin: 0; padding: 0; } body { font: 71%/1.5 Verdana, Sans-Serif; background: #eee; } [...]
Jquery ile form doğrulamak
November 8th, 2009 admin Çeşitli form doğrulama aracı kullanmama rağmen. Bi’türlü aradığım aracı bulamamıştım. Bu jquery eklentisi; bu arayışa son verdi. Eklenti’nin öne çıkan özellikleri; Hata ve uyarı görüntüleme yöntemi çok şık. Çoğru zaman dar form alanlarına uyarı eklendiğinde formun görüntüsü bozuluyordu. Bu eklenti uyarı ve hataların görüntülenmesinde “position:absolute” değeri kullandığı için. Bir hata verdiğinde formun hiçbir yerinde kayma [...]
Jquery İletişim Formu
October 29th, 2009 admin Web sistemlerimizde yer alan iletişim formlarını jquery ve ajax ile daha görsel ve kullanışlı bir hale getirebiliriz. Bu örneğimizde buton veya linke tıklanıldığında iletişim formumuz ekrana geliyor ve gerekli alanların doğruluk kontrolü yapılarak eposta yoluyoruz.Bu iletişim formu SimpleModal üzerine kurulmuştur. OnOpen, onShow ve onClose geriçağırımlarının kullanımı yanı sıra SimpleModal ile Ajax kullanımı gösterir. İndex.html kodlarımız [...]
jQuery Sanal Klavye
October 25th, 2009 admin jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması. Bazen bildiğimiz programlama dilleri ile oynamak eğlenceli olabiliyor. CSS , online klavye oluşturmak için güzel olabilir, ve sonra jQuery ile çalışmasını sağladık düşündüm. Klavye tuşlarını işlemleri içermektedir. HTML kodlarımız <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-9″ /> [...]
Jquery LightBox Text
October 9th, 2009 admin Daha önceki Slider Galeri uygulamamızda galerimizde yer alan fotograflar istediğimiz nesne tıklanıldığında aktif oluyor ve ekrana gelen panelden fotograf geçişlerini sağlıyorduk. Bu örnegimizde ise link e tıklanıldığında ekrana kendi belirlemiş olduğumuz içerik gelecek. Örneğimizde “Site İçeriği” linkine tıklanıldığında gumusluoglu.com blogunda yer alan 7 adet uygulamanın başlıkları ekrana gelecek ve tıklandığında linkler blog yazıları yeni bir [...]
JQuery Impromptu
October 8th, 2009 admin Genelde silme işlerinde bazen de farklı sebepler gereğince kullanıcıdan onay almamız gerekebiliyor. Bunun için javascript’in confirm() fonksiyonu kullanılabilir. Ancak hata mesajı gibi bir uyarıyla gelen ve pek şık olmayan bu pencere ziyaretçinin pek hoşuna gitmeyecektir. Zaten web 2.0′a da yakışmıyor. Onun için pek şık bir uygulama olan JQuery Impromptu eklentisini öğrenmenin tam zamanı. Impromptu sadece [...]
Jquery:Twitter İleti Listeleme (jquery.twit.js)
March 30th, 2009 admin Twitter iletilerinizi websitelerinizde yayınlamak için Twitter resmi widget sayfasındaki sihirbazı kullanmak gerekiyordu. Bu uygulamada inceleyeceğimiz Jquery eklentisi ile birlikte istediğimiz ölçülerde ve özellikte twitter iletilerimizi listeleyebilirsiniz. Öncelikle bu adresten Jquery Twit eklenti dosyalarını indirin. Zip klasörünün içinde gerekli olan javascript dosyası ve stil dosyası bulunmaktadır. Kurulum aşamasını atlamak için serpito tarafından derlenen çalışır haldeki uygulamanın [...]
