Giter Site home page Giter Site logo

greywyvern / virtual-keyboard Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 3.0 223 KB

Add a javascript virtual keyboard to text, password, textarea, and number inputs. Good for kiosk use, or to allow convenient input of characters from different languages.

Home Page: https://greywyvern.com/code/javascript/keyboard/

License: MIT License

CSS 100.00%
javascript kiosk-software virtual-keyboard keyboard

virtual-keyboard's Introduction

Javascript Virtual Keyboard

Add a javascript virtual keyboard to text, password, textarea, and number inputs. Good for kiosk use, or to allow convenient input of characters from different languages.

example01

Includes a "User Script" version that can be added to browsers such as Firefox to enable the keyboard on all pages.

See the project page at greywyvern.com for examples and instructions.

SVG icon modified from Icon Fonts; licenced by CC BY 3.0.

Keyboard Credits

  • Yiddish (Yidish Lebt) keyboard layout by Simche Taub (jidysz.net)
  • Urdu Phonetic keyboard layout by Khalid Malik
  • Yiddish keyboard layout by Helmut Wollmersdorfer
  • Khmer keyboard layout by Sovann Heng (km-kh.com)
  • Dari keyboard layout by Saif Fazel
  • Kurdish keyboard layout by Ara Qadir
  • Assamese keyboard layout by Kanchan Gogoi
  • Bulgarian BDS keyboard layout by Milen Georgiev
  • Basic Japanese Hiragana/Katakana keyboard layout by Damjan
  • Ukrainian keyboard layout by Dmitry Nikitin
  • Macedonian keyboard layout by Damjan Dimitrioski
  • Pashto keyboard layout by Ahmad Wali Achakzai (qamosona.com)
  • Armenian Eastern and Western keyboard layouts by Hayastan Project (www.hayastan.co.uk)
  • Pinyin keyboard layout from a collaboration with Lou Winklemann
  • Kazakh keyboard layout by Alex Madyankin
  • Danish keyboard layout by Verner Kjærsgaard
  • Slovak keyboard layout by Daniel Lara (www.learningslovak.com)
  • Belarusian and Serbian Cyrillic keyboard layouts by Evgeniy Titov
  • Bulgarian Phonetic keyboard layout by Samuil Gospodinov
  • Swedish keyboard layout by Håkan Sandberg
  • Romanian keyboard layout by Aurel
  • Farsi (Persian) keyboard layout by Kaveh Bakhtiyari (www.bakhtiyari.com)
  • Burmese keyboard layout by Cetanapa
  • Bosnian/Croatian/Serbian Latin/Slovenian keyboard layout by Miran Zeljko
  • Hungarian keyboard layout by Antal Sall 'Hiromacu'
  • Arabic keyboard layout by Srinivas Reddy
  • Italian and Spanish (Spain) keyboard layouts by dictionarist.com
  • Lithuanian and Russian keyboard layouts by Ramunas
  • German keyboard layout by QuHno
  • French keyboard layout by Hidden Evil
  • Polish Programmers layout by moose
  • Turkish keyboard layouts by offcu
  • Dutch and US Int'l keyboard layouts by jerone

virtual-keyboard's People

Contributors

greywyvern avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

virtual-keyboard's Issues

Please add the CTRL key

Please add the CTRL key. To be able to select (CTRL-A), copy (CTRL-C) and paste text (CTRL-V)- Thanks!🙏

Calculate top and left when using transform for parent element

Keyboard will place on top/bottom of the element attached by VKI_attach.
It's almost all time is ok but for the following example I created in jsfiddle you can see it's position have problem.

Sample of problem with css transform

I try to fix it by using getBoundingClientRect in VKI_findPos method, but it's not fixed my problem.

function VKI_findPos(obj) {

I will appreciate if you could help me handle it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.