Crea menu di scelta rapida personalizzati con right-click con justContext.js

Ogni browser Web ha un menu di scelta rapida predefinito. Questo appare quando l'utente clic-destro ovunque su una pagina e di solito ha le stesse opzioni, come ad esempio “copia”, “salvare”, o “Ispeziona elemento”.

Con il libreria justContext, puoi costruire menu contestuali specializzati per qualsiasi elemento sul tuo sito. Questi possono essere auto-popolata con tutto ciò che ti piace e puoi scrivere funzioni personalizzate da eseguire ogni volta che l'utente fa clic su un'opzione nel menu personalizzato.

Ogni elemento della pagina può supportare il proprio menu di scelta rapida. Questo significa che puoi scegli come target singoli articoli come presentazioni o lettori video HTML5, o puoi indirizza l'intero corpo della pagina.

Hai il pieno controllo su tematizzazione del menu di scelta rapida, inclusi caratteri, colori, icone e persino separatori per dividere il menu in sezioni. Questo plugin ti consente davvero di creare un menu contestuale completo da zero con tutte le funzionalità che ti piacciono.

Per impostazione predefinita, viene fornito justContext due temi: buio e luce. Puoi scegliere tra loro e trovare quello che meglio corrisponde al tuo sito web.

Ogni tema può essere personalizzato utilizzando diversi Google Web Fonts, per non parlare dell'intero Font Awesome library è confezionato di default.

Guarda la demo live per vederla in azione. Funziona dentro tutti i browser tranne Internet Explorer ma questo non dovrebbe essere un problema considerando la spinta di Microsoft verso il nuovo browser Edge.

Creare il menu contestuale attuale è un po 'complicato. esso richiede alcune classi CSS ed è tutto hard-coded in HTML nella tua pagina web.

Ecco un campione dal repository principale su GitHub:

 
 
Taglio
 
copia
 
Incolla
 
 
Nuovo pacchetto
 
Nuova classe
 
Nuova interfaccia (una voce disabilitata)
 
 

Se sei disposto a farlo armeggiare con le impostazioni puoi fare molto con questo plugin. Ma ammetto anche che è un risorsa specifica per nicchia questo non sarà prezioso per tutti i siti web.

Indipendentemente dal motivo o dal modo in cui lo useresti, justContext è la migliore risorsa in assoluto per creare menu contestuali web da zero. Tutta la documentazione è disponibile su GitHub e il plug-in è completamente gratuito al 100% su qualsiasi progetto web.