Toggle menü , kullanıcı arayüzlerinde bir özelliği aktif hale getirmek veya devre dışı bırakmak için kullanılan bir kontrol elemanıdır
Özellikle mobil tasarımlarda veya çok seviyeli menü sistemlerinde, navigasyon deneyimini sadeleştirmek ve kullanıcıya daha düzenli bir görünüm sunmak için idealdir
Toggle menüler, CSS ile oluşturulabilir ve JavaScript kullanmadan pürüzsüz bir şekilde açılıp kapanabilir
Toggle kelimesi İngilizce'de birden fazla anlama gelir: İsim olarak: tahta veya plastikten yapılmış, bir şeyi bir delik veya halkadan geçirilerek sabitlemeye yarayan küçük bir çubuk; bilgisayar anahtarı veya düğmesi, bir özelliği açıp kapatmak için kullanılan; iki durumu olan bir ayar veya program seçeneği. Fiil olarak: bir bilgisayar özelliğini aynı düğme veya tuşa basarak açıp kapatmak; iki durum arasında gidip gelmek. Ayrıca, denizcilik, ormancılık, askeri ve teknik alanlarda da farklı anlamları vardır.
Toggle aktif, bir özelliği veya durumu açıp kapatma işlevini yerine getiren bir arayüz elemanının aktif olduğunu ifade eder. Toggle, genellikle kullanıcı arayüzlerinde, ayar menülerinde ve web sitelerinde etkileşimli öğeleri kontrol etmek için kullanılır. Örneğin, bir uygulamada gece modunu açmak için toggleye dokunmak, karanlık bir tema ile gözleri korurken, tekrar dokunmak suretiyle aydınlık moda geri dönmek mümkündür.
Toggle switch (geçiş anahtarı), elektrik devrelerinde kullanılan ve açma-kapama işlevi gören bir anahtardır. Başlıca kullanım alanları: Endüstriyel uygulamalar: Fabrikalarda, makinelerin açılıp kapanmasını sağlamak için kullanılır. Ev elektroniği: Lambalar, elektrikli araçlar ve ev aletlerinde yaygın olarak kullanılır. Otomotiv sektörü: Araçlarda, farlar, motorlar ve diğer sistemlerin kontrolü için tercih edilir. Havacılık ve uzay: Uçaklarda, güvenlik ve kontrol sistemlerinde kullanılır. Toggle switch'ler, basit yapıları, dayanıklılıkları ve kullanım kolaylıkları nedeniyle çok yönlü bir kontrol aracı olarak kabul edilir.
Menü çeşitleri şu şekilde sınıflandırılabilir: Fiyatlarına göre: Table d’Hôtel: Sabit fiyatlı birkaç yemeği gösterir. A la Carte: Her yemek ayrı ayrı ve fiyatıyla birlikte sunulur. Zamana göre: Günün Menüsü (Cart du Jour): Sadece o gün için sunulan seçenekleri içerir. Döngüsel Menü: Belirli bir döngüde değişen yemekler sunar. Sundukları yemeğe göre: Tatlı Menüsü: Alkollü veya alkolsüz içecekler, şaraplar, kokteyller gibi. Kafe Menüsü: İçecekler ve hafif atıştırmalıklara odaklanır. Bistro Menüsü: Seçkin yemekler ve özel teklifler sunar. Fiziksel veya dijital oluşuna göre: El Menüsü: Basılı kağıt veya kart halinde sunulur. QR Menü: Akıllı telefonlarla taranarak erişilir. Ayrıca, set menü, tadım menüsü, özel gün menüsü, oda servisi menüsü gibi farklı menü türleri de bulunmaktadır.
Toggled menüyü açmak için, menüyü açan butona tıklamak gerekir. Örnek bir JS kodu: ```javascript var menuBtn = document.querySelector('.menu-button'); var wrapper = document.body; var content = document.getElementById('content'); var toggledClass = 'menu-toggled-slide'; menuBtn.addEventListener('click', function() { wrapper.classList.toggle(toggledClass); }, false); content.addEventListener('click', function() { wrapper.classList.remove(toggledClass); }, false); ``` Bu kodda, menü açma butonuna tıklandığında `wrapper` sınıfına `toggledClass` sınıfı eklenir ve menü açılır. Menü açma işleminin tam olarak nasıl yapılacağı, kullanılan platforma ve programlama diline göre değişiklik gösterebilir.
Bootstrap'te açılır (toggle) menü oluşturmak için aşağıdaki adımlar izlenebilir: 1. HTML Yapısı: Açılır menüyü tetikleyecek butonu ve menüyü `.dropdown` sınıfına sarın. 2. CSS ve JS Kodları: Butona sınıf olarak `btn btn-secondary dropdown-toggle` ekleyin ve `data-toggle="dropdown"` özelliğini ekleyin. Menüye `dropdown-menu` sınıfı ekleyin. Linkler için `dropdown-item` sınıfını kullanın. 3. Örnek Kod: ```html
Açılır dikey menü, web sitesinin sol veya sağ tarafında dikey olarak yer alan ve ana menü öğelerinin tıklanmasıyla alt menülerin açıldığı bir menü türüdür. Bu tür menüler, daha fazla içeriğe sahip web sitelerinde veya belirli alt sayfalar için gezinmeyi kolaylaştırmak amacıyla tercih edilir.
Teknoloji
Toggle menü nedir?
Telegram qr kodu nasıl paylaşılır?
Tiff dosyası ne işe yarar?
TikTok yedek hesap nasıl aktif edilir?
TikTokta açık profil ne demek?
Telegram'da yakındaki kişileri neden göremiyorum?
Telefonun çaldığını nasıl anlarız?
Telefon sıfırlandıktan sonra neden bu cihaz sıfırlandı diyor?
Telemetride hangi sensörler kullanılır?
Tek camlı pencere çift cama çevrilir mi?
Telefon olmasaydı ne olurdu?
Terrex bot ne işe yarar?
Tivibu Go Türk Telekom'da nasıl kullanılır?
Telsiz kodları nelerdir?
Telefonda uygulama bildirimleri neden gelmiyor?
Televizyonun içinde uydu alıcısı var mı?
THY DCS ne iş yapar?
Teknofest yarışma aşamaları nelerdir?
Tier 3 ve Tier 4 arasındaki fark nedir?
Telegram'da son görülme neden uzun zaman?
Telefona Azerbaycan bayrağı nasıl yapılır?
TMP dosyaları neden oluşur?
Telegram boş mesaj ne işe yarar?
Telefon ekranındaki işaretler ne anlama geliyor?
TOC dosyası ne işe yarar?
Teknoloji ile insan arasındaki ilişki nedir?
Telegram destek nasıl ulaşabilirim?
Telefona virüs girerse ne olur?
Ters saat mekanizması nasıl çalışır?
TikTok canlı yayın VIP ne demek?
TGRT Belgesel canlı yayın nasıl izlenir?
Telegram video süresi neden 40 dakikayla sınırlı?
Tij çelik mi demir mi?
Telgrafi neden Samuel Morse icat etti?
Telefonun modelini bulmak için hangi kod?
Telekomünikasyonda hangi meslekler var?
Telegram es sohbet nedir?
TikTok Türkiye'de neden kapandı?
Tecno camon iyi bir telefon mu?
Telsiz neden icat edildi?