bildirgec.org

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.

Web formlarının karışması HTML kod yazarken geliştiriciler için kabus olması bilinen bir gerçektir. Bu bildiride bulunan 5 jquery eklentisi bu kabusa bir son vermekte ve geliştiriciler için kolay bir yapı sunmaktadır.

1. LiveFilter

LiveFilter

2. Jquery Form Tips

jquery form tips

3. AutoSuggest Jquery

Web sitesi oluşturmak isteyip kapsamlı program arayanlar için gelişmiş özellikler sunan kolay bir program.

Programda bulunan yazım denetleyicisi, kelime işlemcisi, gelişmiş sayfa düzenleme seçenekleri ile kolayca alışabileceğiniz harika bir program. SiteSpinner’da ayrıca navigasyon menüleri, metin ve grafikler, form editörü, takım şablonlarıda bulunmaktadır. Oluşturduğunuz web sayfalarını .htm, .html, .asp, .php, .cgi formatlarında kaydetmenizide sağlar ve siteniz bittiğinde içerisinde bulunan yerleşik FTP ile web sayfalarınız yayımlanır.

Birkaç gündür gazetelerin başlıklarında “Türkiye’nin Yeni İletişim Devi” sloganıyla göze çarpan Yeni Rakı yeniiletişimdevi isimli bir websitesi hazırlamış. İnteraktif olarak sizi karşılayan siteye giriş için 18 yaş şartı aranıyor.
Ayrıca sitede size verilen kodu girerek sweatshirt kazanmanız da mümkün. Formu dolduran her 100. kişi kazanıyor.

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve “nasıl bir şey olmalı?” sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 – Next Big Sound

2 – ChiGarden

3 – Best Tools for school

Popülerliğinin bir sonucu olarak, birçok geliştiricinin yeni uygulamalar geliştirmek için üzerinde derin düşüncelere daldığı Sosyal Medya, tutsun veya tutmasın, birçok yeni uygulamanın boy gösterdiği bir alan.

İşin ilginç tarafı ise, derin tefekkürler ile üzerine eğinilmesine karşılık, Sosyal Medya kullanıcılarının ilgisini çeken uygulamaların, genellikle basit bir arayüz ve işleve sahip olması.

Bunun son örneği ise (en bilinen örneği Twitter); formspring.me uygulaması. Basit (kolay kullanılabilir) arayüzünü hemen fark edebileceğiniz formspring.me’nin kullanıcılarına sunduğu hizmet ise; formspring.me’de hesabı olsun veya olmasın, herkes tarafından sorular yöneltilebilmesi ve kullanıcının da, bu sorulara cevap vermesi.

Web sitelerinde görsellik önemlidir.Tasarım ne kadar iyi olursa o ziyaretçiler web sayfanızdan o kadar memnun olurlar.Web formlarında da tasaırm önemlidir.Klasik form elemanları yerine kendi tasarladığınız elemanları koymanız mümkün.İşte javascript ile yapılan yaratıcı web formları ;

Style input file

Klasik formalardan sıkılanlar için birebir.Formdaki butonu ve formun kendisine istediğiniz biçimi verebilmenizi sağlayan çok hoş bir javascript uygulaması.

Web tasarımda ufak tefek işlerimizi halledebileceğimiz online uygulamalar burada derlenmiş. şimdi bu uygulamalarla neler yapabileceğimize göz atalım.

1-dotemplates: Ücretsiz web şablonu(template) indirme imkanı sağlayan dotemplate, tasarımda değiştirmek istediğiniz bölümleri online düzenleme imkanı sunuyor. tasarımları gördüğünüzde düzenlemeye gerek duyar mısınız size kalmış.

2- wordpress theme generator: Eğer beğendiğiniz wordpress temasını bulamamışsanız, o zaman kolları sıvayıp wordpress theme generator ile tema oluşturmaya başlamalısınız.

web sitemiz için iletişim formu tasarlarken nasıl bir form yapsak diye düşünür dururuz, daha fazla düşünmek istemiyorsanız buyurun zevkinize göre bir tasarım beğenin.

1- nitram-nunca

2- chigarden

3- webdesignerwall

Script input select textarea gibi elementlerin value, selected veya checked parametrelerini otomatik olarak ayarlamaktadır.

Checkboxları her seferinde seçerken veya select’leri veya radio butonları seçerken php ile tekrar tekrar kontrol yapmayacak, javascripte bütün verileri gönderip işi ona bırakacaksınız.

Örneğin bir “isminizi giriniz” text boxı valuesunu ve “email uyarıları istiyormusunuz” checkboxının checked olup olmadığı durumunu ayarlamak şu kadar basit:

1

var form_values = { isim:"Seregwethrin", email:"1" };