Bu form elementinin diğer ortamlardaki adını bilmiyorum ama cocoa'daki (macosx işletim sistemini doğal arayüz kütüphanesi) adı segmented control. Bu yüzden, yazının devamında segmented control olarak kullanmaya devam edeceğim.

iOS arayüzlerindeki on/off swtich'lerini biliyorsunuzdur, geçtiğimiz 2 yılda web'deki implementasyonları o kadar artti ki, artık her yerde basit bir javascript kütüphanesi olarak bu form elementini bulmak mümkün. Sadece javascript değil css implementasyonları da var. Bu yazıda, bu elementin teorisine biraz değineceğim. Ayrıca benim kullandığım method, javascriptin çalışmadığı tarayıcılarda da sorunsuz çalışacak (fallback) hatta css desteklemeyen taryıcılarda dahi fonksiyonalitesini bozulmadan koruyacak standart input, label elementleri ile bunu nasıl yapabileceğinizi anlatacağım.

Ama görsel olarak neyden bahsettiğimi göstermem gerekirse:



Gördüğünüz gibi aslında standart bir çoktan seçmeli tek cevap sorularından bahsediyorum. Bunun için standart form elementlerinden radio butonu kullanarak cevapları tek grup altında label ve input elementleriyle bir formda toplayalım.

Devamını Oku →

Kontrol Yapıları

Kontrol yapıları programların neredeyse her 5 kodundan birinde vardır. Çünkü kontroller şartlar değiştiğinde sonuçları değiştiren yapılardır. Eğer böyle bişey olmasa idi program diye birşey olmaz statik yapılar olurdu. Kontrol yapıları çok çeşitlidir. Ancak sık kullanılan 2-3 tanesini ele alacağım.

if Kontrolü

Basit bir yapıdır. Basitçe kullanımı :
if( koşullar ){
  print 'koşul sağlandı';
}
şeklindedir. Koşullar gerçeklendiği sürece işlemler yapılacaktır.

if else Kontrolü

if kontrolüne koşulun olmadığı zaman da görev verilenidir.
if( koşullar ){
  print 'koşul sağlanıyor';
}else{
  print 'koşul sağlanmıyor';
}

if else if kontrolü

Bir if else kontrolünde else yani ilk koşulun sağlanmaması halindeki duruma bir if eklenirse yani üsttekilerin sağlanmaması ve burada tanımlanan koşulun sağlanması halidir.
if( ilk koşullar ){
  // ilk koşular sağlanıyorsa yapılacaklar
  print 'bir';
}else if( ikinci koşullar ){
  // ilk koşullar sağlanmıyor ve ikinci koşullar sağlanıyorsa yapılacaklar
  print 'iki';
}else if( üçüncü koşullar ){
  print 'üç';
  // ilk ve ikinci koşullar sağlanmıyor ve üçüncü koşullar sağlanıyorsa yapılacaklar

}else{
  // hiçbiri sağlanmıyorsa yapılacaklar
  print 'bir, iki ve üç DEĞİL!';
}

switch / case Yapısı

switch / case yapısını çok sonuçlu olayları kontrol ederken kullanırız. Mesela bir olay sonucu $deg değişkeni 3 değer alabilsin ("1x","2x","3x"). Burada if'leri kullanmaktansa switch / case yapılarını kullanmak daha kısadır.
switch($deg){
  case '1x' : print "deg'in içi 1x";break;
  case '2x' : print "deg'in içi 2x";break;
  case '3x' : print "deg'in içi 3x";break;
  default : print "deg'in içi 1x,2x,3x değil";
}
Kontrol yapıları aslında programlamada en sık kullanılan yapılardır. Farkında olmadan çok kez bu yapıları defalarca defalarca yazarız. Kullanımlarını, esnekliklerini iyi bilmek gerektiğini düşünüyorum.


Hazırlayan : Mehmet Fatih YILDIZ

Popüler Etiketler

url service tool google search php apache apple server mootools jquery javascript js twitter istatistik social sosyal medya notebook laptop lisans license support screen konsol terminal icon ikon grafik download firefox banner calendar logo object nedir less bootstrap css css3 html5 blog rss newsletter mail mssql plugin optimization html media statistics graph dokuman portfolio api generator wanda www subdomain redirect crossdomain kurulum oyun widget htaccess kontrol yapıları if switch cookie language development style wordpress örnek kod iOS mfyz wireless share pear mdb2 db database mysql pgsql doritos kampanya tytz ios mobile kitap ui design facebook insanlar pharma hack job radio button player phpstorm jetbrains sql ide editor xml ubuntu cache sitemap gimp howto nasıl seo meta export macosx app coding ux icons framework form input textarea select compile compiler windows linux on-the-fly ruffles browsers route router mod_rewrite fstab ntfs injection iphone ipad app store store in-app purchase purchase verification integration storekit itunes connect itunes regex prepare execute code ipucu xhtml digital connect box opengraph svn subversion git version control deployment login session workspace subscription table webkit web app music auth osx parse lifestream spam open source imza signature ie internet explorer link chart browser proje network query optimizasyon analyse procedure tebrik startups http developer ajax zaman fql free assets xmlhttprequest cms applications date diff while internet tarih