Créer des menus contextuels personnalisés avec clic droit avec justContext.js

Chaque navigateur Web a un menu contextuel par défaut. Ceci apparaît lorsque l'utilisateur clic droit n'importe où sur une page et il a généralement les mêmes options, telles que “copie”, “enregistrer”, ou “inspecter l'élément”.

Avec le bibliothèque justContext, vous pouvez construire menus contextuels spécialisés pour tous les éléments sur votre site. Ceux-ci peuvent être auto-peuplé avec tout ce que vous aimez et vous pouvez écrire des fonctions personnalisées à exécuter chaque fois que l'utilisateur clique sur une option de votre menu personnalisé.

Tout élément de page peut prendre en charge son propre menu contextuel. Cela signifie que vous pouvez cibler des éléments individuels tels que les diaporamas ou les lecteurs vidéo HTML5, ou vous pouvez cibler tout le corps de la page.

Vous avez le plein contrôle sur le thématisation du menu contextuel, y compris les polices, les couleurs, les icônes et même les séparateurs pour diviser votre menu en sections. Ce plugin vous permet vraiment de créer un menu contextuel complet à partir de zéro avec toutes les fonctionnalités que vous aimez.

Par défaut, justContext est livré avec deux thèmes: sombre et lumineux. Vous pouvez choisir entre eux et trouver celui qui correspond le mieux à votre site Web..

Chaque thème peut être personnalisé en utilisant différents Google Web Fonts, sans parler de l'ensemble Bibliothèque Font Awesome est emballé par défaut.

Consultez la démo en direct pour la voir en action. Ça marche dans tous les navigateurs sauf Internet Explorer mais cela ne devrait pas être un problème compte tenu de la poussée de Microsoft vers le nouveau navigateur Edge.

La création du menu contextuel est un peu délicate. Il nécessite quelques classes CSS et c'est tout codé en dur en HTML dans votre page web.

Voici un échantillon depuis le dépôt principal sur GitHub:

 
 
Couper
 
Copie
 
Coller
 
 
Nouveau forfait
 
Nouvelle classe
 
Nouvelle interface (une entrée désactivée)
 
 

Si vous êtes prêt à bricoler avec les paramètres vous pouvez faire beaucoup avec ce plugin. Mais j'avoue aussi que c'est un ressource de niche cela ne sera pas valable pour tous les sites Web.

Peu importe pourquoi ou comment vous l'utiliseriez, justContext est la meilleure ressource absolue pour créer des menus de contexte Web à partir de zéro. Toute la documentation est disponible sur GitHub et le plugin est 100% gratuit à utiliser sur tout projet Web..