Vytvorte si vlastné kontextové ponuky pravého kliknutia s justContext.js

Každý webový prehliadač má predvolená kontextová ponuka. Toto sa objaví pri používateľovi kliknite pravým tlačidlom kdekoľvek na stránke a zvyčajne má rovnaké možnosti, napríklad “kópie”, “uložiť”, alebo “preskúmať prvok”.

S justContext library, môžete stavať špecializované kontextové menu pre všetky prvky na vašich stránkach. Môžu to byť auto-obývaná s čímkoľvek, čo sa vám páči a môžete písať vlastné funkcie spustiť vždy, keď používateľ klikne na voľbu vo vašom vlastnom menu.

Každý prvok stránky môže podporovať vlastné kontextové menu. To znamená, že môžete zacielenie jednotlivých položiek ako sú prezentácie alebo prehrávače videa HTML5, alebo môžete zacieliť na celé telo stránky.

Máte plnú kontrolu nad prostredia kontextového menu, vrátane písiem, farieb, ikon a dokonca aj separátorov, aby ste rozdelili menu na sekcie. Tento plugin vám naozaj umožňuje vytvoriť plné kontextové menu od začiatku s funkciami, ktoré sa vám páčia.

V predvolenom nastavení je k dispozícii iba kontext dve témy: tma a svetlo. Môžete si vybrať medzi nimi a nájsť to, čo najlepšie zodpovedá vašim webovým stránkam.

Každá téma môže byť prispôsobená iným spôsobom Webové písma Google, nehovoriac o celku Font Awesome knižnica je štandardne zabalený.

Pozrite sa na živé ukážku, aby ste videli akciu. Funguje to všetky prehliadače okrem programu Internet Explorer ale to by nemalo byť problémom, pretože spoločnosť Microsoft sa zasadzuje za nový prehliadač Edge.

Vytvorenie aktuálnej kontextovej ponuky je trochu zložité. to vyžaduje niekoľko tried CSS a to je všetko hard-coded v HTML do vašej webovej stránky.

Tu je a vzorka z hlavného repo obchodu na GitHub:

 
 
rez
 
kópie
 
pasta
 
 
Nový balík
 
Nová trieda
 
Nové rozhranie (zakázaná položka)
 
 

Ak ste ochotní drotár s nastaveniami môžete s týmto pluginom urobiť veľa. Ale tiež pripúšťam, že je to špecifické zdroje to nebude cenné pre všetky webové stránky.

Bez ohľadu na to, prečo alebo ako by ste ju používali, práve Context je absolútnym najlepším zdrojom vytváranie webových kontextových ponúk od začiatku. Celá dokumentácia je k dispozícii na GitHub a plugin je 100% bezplatný na použitie v akomkoľvek webovom projekte.