PROJET AUTOBLOG


Le Hollandais Volant

source: Le Hollandais Volant

⇐ retour index

Clavier virtuel en JavaScript

samedi 20 juillet 2013 à 14:22
Pour certains besoins personnels, je me suis concocté un clavier virtuel en JavaScript pour les sites web. En réalité, j’ai repris le code de Brian Huisman (GreyWyvern) que j’ai grandement amélioré (plus léger, beaucoup plus rapide, plus joli, plus de fonctions, code plus propre…).


Vous pouvez l’utiliser en bookmarklet. Il suffit de mettre ce lien en favori, d’afficher une page, de cliquer sur le bookmarklet, puis de cliquer dans un champ à remplir d’un formulaire :

javascript:s=document.createElement('script');s.id='r6109_vkbsgp';s.type='text/javascript';s.src='http://lehollandaisvolant.net/tout/dl/virtual-kb/keyboard.js?french';document.head.appendChild(s);void(null);

(ou alors glissez CE LIEN sur votre barre de favoris)

Notez que le « french » correspond au clavier virtuel par défaut qui est affiché. Vous pouvez le remplacer par l’un de ceux-ci : albanian, arabic, armenian-e, armenian-w, assamese, azebaijani-cyr, azebaijani-lat, belarusian, bengali, bosnian, bulgarian-ph, burmese, canadian-fr, chinese-bapomofo-ime, chinese-cangjie-ime, czech, danish, dari, devanagari, dingbats, divehi, dutch, dvorak, esperanto, estonian, farsi, faeroese, finnish, french, georgian, german, greek, gujurati, hebrew, hindi, hungarian, icelandic, irish-gaelic, italian, japanese-kana, kazakh, kannada, khmer, korean, kurdish, kyrgyz, latvian, lithuanian, macedonian-cyr, malayalam, maltese48, marathi, misc-symbols, mongolian-cyr, norwegian, pashto, pinyin, polish, polish-prog, portuguese-br, portuguese, punjabi, romanian, russian, serbian, slovak, spanish, swedish, swiss-fr, swiss-de, syriac, tamil, tatar, telugu, thai-kedmanee, thai-pattachote, turkish-f, turkish-q, ukrainian, uk, urdu, urdu-phonetic, us-int, us-std, uzbek-cyr, vietnamese, yiddish.

Notez qu’alors le clavier ne sera que cliquable.
Si vous voulez émuler les touches (encore un peu bogué) avec les frappes au clavier (en mode qwerty, un « A » affiche un « q »), il suffit d’ajouter un « ,true » après le « french » :

javascript:s=document.createElement('script');s.id='r6109_vkbsgp';s.type='text/javascript';s.src='http://lehollandaisvolant.net/tout/dl/virtual-kb/keyboard.js?french,true';document.head.appendChild(s);void(null);
(ou alors glissez CE LIEN sur la barre de favoris)

Le code Javascript et le fichier CSS sont là (licence GNU). Il sont incluables directement dans du HTML, mais dans ce cas merci de télécharger le code sur votre site plutôt que de le lier ici :
http://dl.lehollandaisvolant.net/virtual-kb/keyboard.js
http://dl.lehollandaisvolant.net/virtual-kb/keyboard.js.css

Je ne pense pas faire évoluer ce bookmarklet d’avantage. En revanche, je compte ne faire qu’une version améliorée pour le japonais (hiragana/katakana) uniquement (où quand on tape « ha » ça me sort « は »).

Le code est sous licence GNU, donc n’hésitez pas à le reprendre et à le modifier.