Виртуальная клавиатура
Виртуальная клавиатура это необходимая в некоторых случаях вещь, к примеру моменты с отсутствием клавиатуры(редко конечно) или безопасный ввод(защита от кейлогеров).
Она написана на JavaScript, легко конфигурируема, имеет множество языков — в том числе и русский, простейшее встраивание в любую форму. Единственный минус — она занимает 48 килобайт 0_о, но это легко исправляется вырезанием не нужных языков, сжатием.
Живой пример
Не буду тянуть резину, лучше сразу показать это выглядит.
Простенько, не правда ли?
Установка виртуальной клавиатуры
Скачиваем все необходимые файлы(ссылка находиться ниже), вставляем код подключения оформления и самой библиотеки между тегами <head></head>:
<script type="text/javascript" src="keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">
Теперь прикручиваем клавиатуру к Вашей форме, при помощи добавления класса keyboardInput к нужной форме:
<input type="text" value="" class="keyboardInput">Для Вас я сменил иконочку и выставил по умолчанию русский язык, так что качайте мою версию ;-)
<очень понравилось, большое спасибо
Симпатичная библиотека.
В закладки однозначно. Хотя ещё не придумал где её использовать.
Симпатичная клавиатурка. Давно искал. Спасиб.
Супер! Спасибо огромное! В жилу! Друг на моем блоге не может писать по русски из Германии. Теперь сможет! Спасибо!
Точно, еще одно умное применение :-)
Скорее это «Виртуальная клавиатура», вроде как раньше это так называли
Вы чертовски правы, понять не могу как я так «лоханулся» и даже не заметил этого, я думал что Я так и написал 0_о
Супер!
Давно искал, но думал, что реализация очень трудная, оказалось пустяки.
Класс :)
Спасибо!!! Офигенная штука!
Особенно это актуально тем, что многие теперь в нете через коммуникатор лазят!
Помогите плиз. Подключил – все работает. Но картинка не отображается. Хотя лежит в том же каталоге что и скрипт. Как быть? Указать к ней абсолютный путь? Подскажите плиз. Или ткните в учебник. :)
Положите картинку в ту папку где находиться страница на которой запускается скрипт.
Либо найдите строчку в keyboard.js:
keybut.src = «keyboard.png»;
И измените на полный путь к картинке
Итак очевидно, что сам скрипт находится в другой папке –
не в той в которой страница.
1. Открываешь скрипт через блокнот нажимаешь
CTRL+F и даёшь поиск самой картинки в данном случае
keyboard.png и заменяешь его на ../keyboard.png
2. Сохраняешь
Готово
Ок. Спасибо. Вылечилось правда только полным путем к картинке.
Штука полезная. Есть предложение, реализовать показ русских букв при латинской раскладке. Есть уж такие фанаты – пароли устанавливать в латинице глядя на русские буквы.
мерси, что выложили, я а нашел и скачал!
а можно таким способом что-то типа капчи сделать? инпуту поставить readonly, а ввод делать с помощью тыцканья?
очень нужный вещь для презентационных киоск. спасибо за ресурс. :)
Спасибо,все работает,но хотел изменить цвет строки,куда вводится текст и сделать border этой строки своего размера и цвета.Где искать?
Не могу строку найти,где менять.
Отличная штуковина! Спасибо!
Спасибо! Искал подобную штуковину! Класно!
Честно сказать не очень.
Ну сама клава проделанна очень грамотно но
можно вставлять только одну штуку, а при
вставке Начинает глючить короче фуфло ! ! !
шлак
Прикольная вещь возможно понадобится при разработке
Автору : indi_go
Более даже чем офегенно полезная штука! Уже и раскладка эта ЙЦУКЕН никуда негодиться! У меня и знакомых на смартах Ладонник2.
Houses and cars are not cheap and not every person can buy it. But, are created to aid people in such kind of hard situations.