Виртуальная клавиатура

Виртуальная клавиатура это необходимая в некоторых случаях вещь, к примеру моменты с отсутствием клавиатуры (например терминалы заказов товара) или безопасный ввод (защита от кейлогеров).

Она написана на JavaScript, легко конфигурируема, имеет множество языков — в том числе и русский, простейшее встраивание в любую форму. Единственный минус — она занимает 48 килобайт, но это легко исправляется вырезанием ненужных языков и сжатием файла keyboard.js.

Живой пример

Установка виртуальной клавиатуры

Вставляем код подключения, оформления и самой библиотеки:сайт источник http://yapro.ru Sun Jan 24 2010 12:11:14 GMT+0300

<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

Теперь прикручиваем клавиатуру к Вашей форме, при помощи добавления класса keyboardInput к нужной форме:

<input type="text" value="" class="keyboardInput">

Конфигурирование

Чтобы сменить язык ввода по-умолчанию, октройте файл keyboard.js и измените значение переменной this.VKI_kt, например так:

this.VKI_kt = "Greek";

Чтобы приатачить клавиатуру к созданному текстовому элементу, можно сделать так:

var foo = document.createElement('input');
document.body.appendChild(foo);
VKI_attach(foo);

Чтобы приатачить клавиатуру ранее созданному элементу, можно сделать так:

var myInput = document.getElementById('myInput');
if (!myInput.VKI_attached) VKI_attach(myInput);

Чтобы закрыть клавиатуру, можно написать функцию, подобную этой:

function closeDialogue() {
document.getElementById('myDialogue').style.display = "none";
VKI_close();
}

Ссылки:

  1. посетить сайт источник greywyvern.com
  2. посмотреть пример русской клавиатуры в отдельном окне
  3. скачать виртуальную клавиатуру в архиве

Оцени публикацию:
  • 4,20
Оценили человек: 4

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • ...обавь ПОЛНЫЙ приме...
    26 апреля 2017, 16:25 коммент полезен : 0 # Laptevasvetlanavasilyevna (гость)
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » JavaScript »