JustContext.js ile Özel Sağ Tık Menüsü Oluşturma
Her web tarayıcısının varsayılan bağlam menüsü vardır. Bu, kullanıcı bir sayfada herhangi bir yeri sağ tıkladığında ve genellikle “kopyalama”, “kaydetme” veya “inceleme unsuru” gibi aynı seçeneklere sahip olduğunda görünür.
JustContext kütüphanesi ile sitenizdeki herhangi bir öğe için özel bağlam menüleri oluşturabilirsiniz. Bunlar istediğiniz herhangi bir şeyle otomatik olarak doldurulabilir ve kullanıcı özel menüsünüzdeki bir seçeneği tıkladığında çalıştırılacak özel işlevler yazabilirsiniz.
Herhangi bir sayfa öğesi kendi bağlam menüsünü destekleyebilir. Bu, slayt gösterileri veya HTML5 video oynatıcıları gibi ayrı öğeleri hedefleyebileceğiniz veya tüm sayfa gövdesini hedefleyebileceğiniz anlamına gelir.
Menüyü bölümlere ayırmak için fontlar, renkler, simgeler ve hatta ayırıcılar da dahil olmak üzere bağlam menüsünün temasını üzerinde tam kontrole sahip olursunuz. Bu eklenti, istediğiniz tüm özelliklerle sıfırdan tam bir bağlam menüsü oluşturmanıza gerçekten olanak tanır.
Varsayılan olarak, justContext iki temayla gelir: karanlık ve hafif. Aralarında seçim yapabilir ve web sitenize en uygun hangisini seçebilirsiniz.
Her tema farklı Google Web Fontları kullanılarak özelleştirilebilir, Font Awesome kütüphanesinin varsayılan olarak paketlendiğinden bahsetmiyorum.
Nasıl çalıştığını merak ediyorsanız canlı demoyu deneyin. Internet Explorer dışındaki tüm tarayıcılarda çalışıyor ancak Microsoft’un yeni Edge tarayıcısına müdahale ettiği düşünülürse, bu bir sorun olmamalı.
Gerçek bağlam menüsü oluşturmak biraz zor. Birkaç CSS sınıfı gerektirir ve hepsi web sayfanıza HTML olarak kodlanmıştır.
İşte GitHub ‘daki ana repodan bir örnek:
Niçin veya nasil kullanacaginiza bakmaksızın, justContext, web bağlam menüleri sıfırdan yaratmak için mutlak en iyi kaynaktır. Tüm dokümantasyon GitHub’da mevcuttur ve eklenti herhangi bir web projesinde% 100 ücretsizdir.
Kendi sitenize özel sağ tık menülerini oluşturmaya yarayan JustContext.js kütüphanesinden bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.
