Създаване на потребителски контекстни менюта с десен бутон с justContext.js

Всеки уеб браузър има контекстното меню по подразбиране. Това се появява, когато потребителят щракнете с десния бутон навсякъде на страница и обикновено има същите опции, като например “копие”, “спасяване”, или “инспектирай елемента”.

С библиотека justContext, можете да изградите специализирани контекстни менюта за всички елементи на сайта Ви. Те могат да бъдат попълва автоматично с всичко, което харесваш и можеш пишат потребителски функции да се изпълнява всеки път, когато потребителят кликне върху опция в персонализираното ви меню.

Всеки елемент на страницата може да поддържа собствено контекстно меню. Това означава, че можете насочете отделните елементи като слайдшоута или HTML5 видео плейъри, или можете насочете цялото тяло на страницата.

Имате пълен контрол над тематизиране на контекстното меню, включително шрифтове, цветове, икони и дори разделители, за да разделите менюто си на секции. Този плъгин наистина ви позволява да създадете пълно контекстно меню от нулата с всички функции, които харесвате.

По подразбиране, justContext идва с две теми: тъмно и светло. Можете да избирате между тях и да намерите най-подходящото за Вашия уебсайт.

Всяка тема може да бъде персонализирана, използвайки различни Уеб шрифтове на Google, да не споменавам цялата Библиотека Font Awesome е опакован по подразбиране.

Разгледайте демонстрацията на живо, за да я видите в действие. Тя работи в всички браузъри с изключение на Internet Explorer но това не би трябвало да е проблем, имайки предвид натиска на Microsoft към новия Edge браузър.

Създаването на действителното контекстно меню е малко трудно. То изисква няколко класа CSS и това е всичко твърдо кодирани в HTML в уеб страницата си.

Ето едно проба от основното репо на GitHub:

 
 
Разрез
 
копие
 
паста
 
 
Нов пакет
 
Нов клас
 
Нов интерфейс (забранено въвеждане)
 
 

Ако сте готови калайджия с настройки можете да направите много с този плъгин. Но също така признавам, че това е специфичен за ниша ресурс това няма да бъде ценно за всички уебсайтове.

Независимо от това защо и как ще го използвате, justContext е най-добрият ресурс за създаване на контекстни менюта от нулата. Цялата документация е достъпна на GitHub и плъгинът е 100% свободен да се използва във всеки уеб проект.