Vytvořte vlastní kontextové nabídky s pravým tlačítkem myši pomocí příkazu justContext.js

Každý webový prohlížeč má výchozí kontextové menu. Zobrazí se, když uživatel klepnete pravým tlačítkem myši kdekoli na stránce a obvykle má stejné možnosti, jako například “kopírovat”, “Uložit”, nebo “zkontrolovat prvek”.

S Knihovna justContext, můžete stavět specializovaných kontextových menu pro všechny prvky na vašem webu. To může být auto-obydlené s čímkoliv se vám líbí a můžete psát vlastní funkce spustit kdykoli uživatel klepne na možnost ve vašem vlastním menu.

Každý prvek stránky může podporovat vlastní kontextovou nabídku. To znamená, že můžete cílit na jednotlivé položky například prezentace nebo HTML5 video přehrávače, nebo můžete cílit na celé tělo stránky.

Máte plnou kontrolu nad kontextového menu, včetně fontů, barev, ikon a dokonce i oddělovačů, které rozdělí vaše menu do sekcí. Tento plugin vám umožní vytvořit celé kontextové menu od nuly s libovolnými funkcemi, které se vám líbí.

Ve výchozím nastavení přichází s funkcí justContext dvou témat: tmavé a světlé. Můžete si vybrat mezi nimi a najít to, co nejlépe odpovídá vašemu webu.

Každé téma lze přizpůsobit pomocí jiného Webové fonty Google, nemluvě o celé Font Awesome knihovna je standardně zabaleno.

Podívejte se na živé demo, abyste ho viděli v akci. Funguje to v všechny prohlížeče kromě Internet Exploreru ale to by nemělo být problémem vzhledem k tomu, že Microsoft je v novém prohlížeči Edge.

Vytvoření aktuálního kontextového menu je trochu složitější. To vyžaduje několik CSS tříd a je to všechno v HTML na vaši webovou stránku.

Tady je vzorek z hlavního repo na GitHub:

 
 
Střih
 
kopírovat
 
Vložit
 
 
Nový balíček
 
Nová třída
 
Nové rozhraní (zakázaná položka)
 
 

Pokud jste ochotni s nastavením s tímto pluginem můžete hodně udělat. Ale také přiznám, že je to specifický zdroj které nebudou cenné pro všechny webové stránky.

Bez ohledu na to, proč nebo jak byste jej použili, je justContext naprosto nejlepším zdrojem vytváření webových kontextových nabídek od nuly. Veškerá dokumentace je k dispozici na GitHub a plugin je 100% zdarma pro použití na libovolném webovém projektu.