Web sitelerimizdeki alanları amaçlarına uygun ve kullanışlı bir şekilde kullanmak çok öenmlidir. Sitemizde yer alacak olan verilerin hepsinni gösterilmesi uzun ve karmaşık görüntünün oluşmasına neden olur buda kullanım açısından oldukça rahatsızm edici bir durumdur. Bu örneğimizde MooTools ile sitemizde 100×300 px boyutundaki bir div nesnesi içerisinde verilerimizi davamını oku ve Başa Dön linkleri ile adım adım ekranda gösterilmesini öğreneceğiz.

Javascript kodalarımız

Sistemlerimizde kayıtlı bulunan eposta hesaplarını toplu halde mail yollamak istediğimizde bir yıgınlık ve yogunluk olmaktadır. Bu yogunluğu özelliklede kayıtlı olan ama çalışır durumda olmaya eposta hesapları arttırmaktadır. Sistemimizde yer alan eposta hesaplarının (muslum@gumusluoglu.com) çalışır durumda olup olmadıklarını SMTP mail adresi doğrulama ile kontrol edebiliriz.

İlk olarak smtp validate email class’ımızı kontrolüyapacağımız sayfamıza include ediyoruz.

require_once("smtp_validate_email/smtp_validateEmail.class.php");

Php ile e-postalar yollamak gayet basit ve tek bir fonksiyon yani mail() ile gerçekleştirilebiliyor. Bu fonksiyonu en basit ve genel olarak şu şekilde kullanabiliyoruz.

mail($alici_eposta, $eposta_konusu, $eposta_mesaji);

Web sitelerimizde yer alan formları submit ederken butonlar yerine sitemizde yer alan daha önce css leri hazırlanmış olan linkler yer alabilir. Hazır linklerimiz dururken css leri ile hazırlanmış olarak birdaha yeniden botunların css lerini ayarlamakla ugraşmak istemiyebiliriz. Bu örneğimizde linklere submit özelliği vermeyi ögreneceğiz.

İlk olarak linkimizden başlayalım.

<a href="javascript:document.login.submit()" class="join">Giriş</a>

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.

Veri tabanlarımızda yer alan bilgilerin kimi zaman döküman halinde office programlarına aktarılması gerekebilir. Veri tabanımızda yer alan exmples tablosundaki verileri örneğimizde excell dökümanı olarak çıktısını alacağız. Veritabanı adımız excell, tablo adımız exmples, tablomuzda yer alan id, name, url, aciklama alanlarında yer alan verileri
gumusluoglu.xls office dosyasına aktaracagız.

Web projelerimizde yer alan ürünlere veya galerilere resimleri yüklemek için klasil dosya yükleme, dosyalar yüklenirken bir seferde sınırlandırma getirerek yükleme yapmamızı sağlıyor. Bir foto galeriye normal form file sistemi ile 1,3,5, gibi sınırlı yülemeler yapabiliyoruz. Bu örneğimize sayfamızı yenilemeden ajax ile fotograf dosyalarını yükleme işlemini uygulayacağız. Bu uygulamadaki asıl amaç çoklu dosya yükleme işlemleri yapmayı öğrenmek.

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.

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 pencerede açılacak.

Google Analytics web sitelerinin takibi için opsiyonel olmak üzere yeni bir “eşzamanlı/aynı anda” olmayan yani asenkron takip kodunu duyurdu. Normal takip kodunun en büyük problemi ziyaretçi sayfaya girip, daha “ga.js” kodu yüklenmeden ayrılmasıyla ziyaretin sayılmaması idi. İşte bu problem yeni kodla çözülmüş.