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

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