Nous avons une application pour un système intégré et nous développons plusieurs applications basées sur HTML5, CSS3 et certaines bibliothèques JS, qui fonctionnent sur un navigateur WebKit. Je me demandais s'il y a des bibliothèques implémentées sur le clavier d'écran avec des graphiques personnalisables des clés. Il devrait également être facile d'internationaliser. p>
Peut être n'importe quoi basé sur la toile HTML5? P>
J'apprécie toute entrée. Merci! P>
3 Réponses :
quelque chose comme ça? p>
http: // NET.TSPLUS.COM/TULTALS/JAVASCRIPT-AJAX/CREATING-A -KEKEFT-WITH-CSS-AND-JQUERY/ P>
En outre, voici un plugin (différent) au lieu d'un tutoriel: P>
J'aime les Nettuts un. J'ai vu Jquery4u, mais je ne l'aimais pas parce que c'était basé sur Jquery Ui. Connaissez-vous-vous des toiles HTML5?
Cela pourrait fonctionner: StickManventures.com/labs/demo/...<< a> - plus à ce sujet ici: blog.stickmanventures.com/2011/10/22/...
@Grillz Intéressant démo, bien que sur mon téléphone sous Mobile Firefox, il affirme "Vous ne semblez pas avoir de support multitouch sur le bureau. Vous avez besoin de TUIO" ... ce qui est étrange depuis que je ne suis pas sur un appareil de bureau, je Je suis sur un appareil à écran multi-tactile.
Vous pouvez essayer le clavier virtuel qui a beaucoup de fonctionnalités , Dispositions linguistiques et est très bien documenté .
Vous pouvez également l'intégrer facilement avec BOOTSTRAP:
$('#keyboard').keyboard({ layout: 'qwerty', css: { // input & preview input: 'form-control input-sm', // keyboard container container: 'center-block dropdown-menu', // jumbotron // default state buttonDefault: 'btn btn-default', // hovered button buttonHover: 'btn-primary', // Action keys (e.g. Accept, Cancel, Tab, etc); // this replaces "actionClass" option buttonAction: 'active', // used when disabling the decimal button {dec} // when a decimal exists in the input area buttonDisabled: 'disabled' } })
Je recommande simple-clavier strong>. Surtout à ceux qui recherchent un clavier virtuel JavaScript léger sans aucune dépendance (jQuery ou autre) ou sont intéressés par une mise en page Flexbox. P>
Vous pouvez trouver la démo ici: Voir la démo P >
Divulgation: Je suis l'auteur du paquet. N'hésitez pas à envoyer un message ici ou sur GitHub avec des questions ou des problèmes que vous avez. P>
Est-il possible de montrer au clavier uniquement sur la mise au point ??
Bonjour @faly, pour réaliser que vous pouvez initialement masquer le clavier avec CSS, puis le montrer via un auditeur d'événement de mise au point. Voici un exemple: franciscoododge.com/projects/simple -keyboard/demos / ...