Ustvarite kontekstni meni z desnim klikom po meri z možnostjo justContext.js

Vsak spletni brskalnik ima privzeti kontekstni meni. To se prikaže, ko uporabnik desno klikne kjerkoli na strani in ima običajno enake možnosti, kot je “kopirati”, “shranite”, ali “Preglej element”.

Z knjižnica justContext, lahko gradite specializirani kontekstni meniji za vse elemente na vašem spletnem mestu. To so lahko samodejno poseljeno z vsem, kar ti je všeč in lahko pisanje funkcij po meri za zagon, ko uporabnik klikne možnost v meniju po meri.

Vsak element strani lahko podpira svoj kontekstni meni. To pomeni, da lahko ciljne posamezne postavke slideshows ali video predvajalniki HTML5, ali pa lahko ciljati na celotno telo strani.

Imate popoln nadzor nad kontekstnega menija, vključno s pisavami, barvami, ikonami in celo ločili za razdelitev vašega menija na razdelke. Ta vtičnik vam omogoča, da ustvarite celoten kontekstni meni od začetka z vsemi funkcijami, ki jih želite.

Privzeto je priložena možnost JustContext dve temi: temno in svetlo. Izbirate lahko med njimi in poiščite tisto, ki najbolje ustreza vaši spletni strani.

Vsako temo lahko prilagodite z različnimi Google Spletne pisave, da ne omenjam celotnega Knjižnica Font Awesome je privzeto pakiran.

Oglejte si predstavitev v živo, da jo vidite v akciji. Deluje v vse brskalnike, razen Internet Explorerja toda to ne bi smelo biti problem, če upoštevamo, da je Microsoft v novem brskalniku Edge.

Ustvarjanje dejanskega kontekstnega menija je nekoliko zapleteno. To zahteva nekaj razredov CSS in to je vse težko kodirana v HTML-ju v svojo spletno stran.

Tukaj je a vzorca iz glavnega repo na GitHubu:

 
 
Cut
 
Kopirati
 
Prilepi
 
 
Nov paket
 
Nov razred
 
Nov vmesnik (onemogočen vnos)
 
 

Če ste pripravljeni z nastavitvami s tem vtičnikom lahko veliko storite. Ampak tudi jaz priznavam, da je vire, specifične za nišo to ne bo koristno za vsa spletna mesta.

Ne glede na to, zakaj ali kako bi ga uporabili, je JustContext absolutno najboljši vir za ustvarjanje spletnih kontekstnih menijev iz nič. Vsa dokumentacija je na voljo na spletnem mestu GitHub, vtičnik pa je 100% brezplačen za uporabo v katerem koli spletnem projektu.