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

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

Она написана на 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

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

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


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

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

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