#6303

Note : bookmarklet clavier virtuel

Voilà le lien de mon bookmarklet :

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);

Je l’ai évoqué ici : http://lehollandaisvolant.net/?mode=links&id=20130604020005 et certains me l’avaient demandé.

Ça marche.
Ça marche bien.
Dans les derniers Opera, Chrome, Firefox et même IE9 (pas testé IE10, mais ça devrait marcher). IE8 et inférieur s’abstenir.

Dans le code du bookmarklet, changez le « french » en autre chose pour changer le disposition par défaut. Par exemple "belgian", "uzbek-cyr", "us-int", "korean", "icelandic", "japanese-kana", "arabic"…

Comment le faire marcher ?
1) Faites un bookmarklet avec ce code (un favoris/marque page avec le code comme lien)
2) allez sur une page contenant un champ de input ou un textarea (par ex : http://www.ddg.gg/ )
3) cliquez sur le bookmarklet (votre marque page)
4) cliquez sur le champ de saisie de la page
5) le clavier s’affiche et est "connecté" au champ de saisie.

En cliquant sur un autre champ, le clavier se repositionne et se connecte tout seul.
On peu déplacer le bookmarklet avec la souris en le cliquant sur l’espace vide en haut.

C’est du pur JavaScript. Il y a une seule autre requête vers le fichier CSS et c’est tout (aucune requête JQuery ou je ne sait pas quoi hébergé chez Google).

Pour ceux qui veulent le code :
http://dl.lehollandaisvolant.net/virtual-kb/keyboard.js
http://dl.lehollandaisvolant.net/virtual-kb/keyboard.js.css

(si vous hébergez ça chez vous, mettez à jour le lien du bookmarklet)

Le code est repris de là (date de 2011) : http://www.greywyvern.com/code/javascript/keyboard sous licence Libre BSD.

Si vous voulez essayer, amusez-vous ! Oubliez pas de me remonter les bugs ou suggestions !
Je ferais un article plus complet dans quelque jours, sur le blog.
http://lehollandaisvolant.net/?mode=links&id=20130613012236