Stvaranje korisničkih kontekstualnih izbornika s desnim klikom s justContext.js

Svaki web-preglednik ima zadani kontekstni izbornik. Pojavljuje se kada korisnik desnim klikom bilo gdje na stranici i obično ima iste opcije, kao što je “kopirati”, “uštedjeti”, ili “pregledajte element”.

Sa knjižnica justContext, možete graditi specijalizirani kontekstni izbornici za sve elemente na web-lokaciji. To mogu biti automatski popunjava sa svime što ti se sviđa i možeš pisanje prilagođenih funkcija pokrenuti kad god korisnik klikne na opciju u prilagođenom izborniku.

Svaki element stranice može podržati vlastiti kontekstni izbornik. To znači da možeš ciljati pojedinačne stavke kao što su slideshow ili HTML5 video playeri, ili možete ciljanje cijelog tijela stranice.

Imate potpunu kontrolu nad u kontekstnom izborniku, uključujući fontove, boje, ikone, pa čak i separatore za podjelu vašeg izbornika na odjeljke. Ovaj dodatak zaista omogućuje stvaranje cijeli kontekstni izbornik od nule sa svim značajkama koje vam se sviđaju.

Prema zadanim postavkama, dolazi samo tekst dvije teme: tamno i svijetlo. Možete birati između njih i pronaći onu koja najbolje odgovara vašoj web-lokaciji.

Svaka tema može se prilagoditi korištenjem različitih Google web-fontovi, da ne spominjem cijelu Knjižnica fonta Awesome je zadano zapakirano.

Pogledajte demonstraciju uživo da biste je vidjeli na djelu. Radi u sve preglednike osim Internet Explorera ali to ne bi trebalo biti problem s obzirom na Microsoftov poticaj na novi Edge preglednik.

Izrada stvarnog kontekstnog izbornika malo je zahtjevna. To zahtijeva nekoliko CSS klasa i to je sve teško kodiran u HTML-u na svoju web stranicu.

Evo jednog uzorak iz glavnog repoa na GitHubu:

 
 
Izrezati
 
Kopirati
 
Zalijepiti
 
 
Novi paket
 
Nova klasa
 
Novo sučelje (unos onemogućen)
 
 

Ako ste voljni tinker s postavkama možete učiniti mnogo s ovim dodatkom. Ali, također priznajem da je specifičan resurs koji neće biti vrijedan za sve web-lokacije.

Bez obzira na to zašto ili kako biste ga koristili, justContext je apsolutno najbolji izvor za kreiranje web kontekstnih izbornika od nule. Sva dokumentacija dostupna je na GitHubu, a dodatak je 100% besplatan za korištenje na bilo kojem web projektu.