Виртуальная клавиатура для ввода цифр - Сайт вебмастера
Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Где сидел кузнечик в детской песни Н.Носова ?
Всего ответов: 1269
Статистика


Онлайн всего: 2
Гостей: 1
Пользователей: 1

Гости Пользователи
Дополнительно
Главная » Скрипты для сайта » Разные скрипты

Виртуальная клавиатура для ввода цифр

Хочешь сказать спасибо? Кликни на рекламный баннер.

26.09.2012, 21:31
Такая клавиатура может пригодиться для защиты от спама (когда нужно ввести какие-то данные, для подтверждения того, что вы не спам-робот) или просто оригинально украсить вашу форму.
Подключим необходимые для работы скрипты (jQuery, плагин keypad и таблицу стилей CSS) перед /head
Code
<link href="http://megascripts.ru/demo/virt_keyboard/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://megascripts.ru/demo/virt_keyboard/jquerykeypad.js"></script>
<script type="text/javascript">
$(function () {
  $('#defaultKeypad').keypad();
});
</script>

В том месте, где мы хотим видеть поле с текстовой клавиатурой, вставим следующий код:
Code
<input type="text" id="defaultKeypad">

То есть по простому, к текстовому полю мы добавили идентификатор "defaultKeypad".
Пример использования виртуальной клавиатуры:
Поставьте курсор в текстовое поле:









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

Источник материала: Неизвестен/Не указан
При коприровании материала просьба ставить ссылку на оригинальную статью.

Ссылка:
BB-код:
HTML-код:
Добавил: -angel- | Просмотров: 3239 | Загрузок: 0 | Комментарии: 4 | Рейтинг: 4.4/5
Теги: скрипт, клавиатура, цыфровая виртуальная клавиатура, виртуальная, цыфровая
Всего комментариев: 4
Сообщение №3 от Ольга
Добавлен: 19.04.2013

А как можно сделать, чтобы клавиатура не всплывала, а фиксировалась на странице, открываешь, а она уже там. Без popup окна?
Сообщение №4 от Олег
Добавлен: 19.04.2013

Ольга отвечу Вам честно не знаю, а разбираться нет времени сейчас человеку дописываю интернет-магазин.
Сообщение №1 от Ольга
Добавлен: 19.04.2013

Как можно разделить клавиши? Скажем, не нужны close clear - это убрала в файле стилей, но нужно чтобы кнопка back была не рядом с остальными цифрами, а на определенном расстоянии вправо, не могу найти, в css ничего не происходит
Сообщение №2 от Олег
Добавлен: 19.04.2013

Расстояние идёт для всех кнопок одновременно. Либо для всех, либо нет.
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Солдаты в Первую Мировую войну были первыми, кто начали использовать прототип современного туалета со смывным бочком. Невероятно, но факт!


Реклама
Популярные материалы
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Скрипты для сайта

Друзья сайта