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


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

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

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

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

22.07.2012, 17:22
Когда может понадобиться виртуальная клавиатура? Вариант первый: вы написали сайт, рассчитанный на русскоязычных, живущих в англоязычной стране. Почему-то ни в Америке ни в Англии не делают клавиатур с русскими буквами. Странно почему? Вот тут и пригодится ваша клавиатура. Вариант второй: виртуальные клавиатуры используются на сайтах, требующих высокого уровня безопасности, защищая себя и пользователей от клавиатурных шпионов. Вариант третий: иногда удобнее не выпуская мышки из рук набрать десяток символов, чем хватать клавиатуру, переключать раскладку, а потом опять браться за мышку. Попробуйте сами на примере ниже и вы поймете о чем идет речь.

Пример виртуальной клавиатуры на этой странице реализован на javascript. Этот скрипт виртуальной клавиатуры поможет вам создать динамически появляющуюся клавиатуру возле текстовых полей. Скрипт поддерживает множество языков, в том числе и русский, и протестирован в большинстве браузеров – Internet Explorer, Firefox, Opera, Safari и др.
Пример применения виртуальной клавиатуры Virtual Keyboard Interface

Подключение клавиатуры

1. Подключаем скрипт keyboard.js и стиль отображения клавиатуры keyboard.css, вставляя код, приведенный ниже, в заголовок вашей веб страницы. Не забудьте указать правильно пути к скрипту и стилевому файлу.
Code
<script type="text/javascript" src="http://megascripts.ru/demo/keyboard/keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="http://megascripts.ru/demo/keyboard/keyboard.css">



2. Для строки ввода указываем класс keyboardInput, что будет означать использование виртуальной клавиатуры для ввода. Не забудьте предусмотреть место для отображения клавиатуры справа от поля ввода. Хотя, используя стилевой файл, можно поменять место вывода клавиатуры.
Code
<input type="text" value="" class="keyboardInput">

3. В тексте скрипта необходимо изменить путь к картинке-изображению значка мини-клавиатуры. Для этого найдите строку, содержащую ссылку на миниатюру клавиатуры keyboard.png. Пример такой строки приведен ниже.
Code
this.VKI_imageURI = "keyboard.png";






СПЕЦИАЛЬНО ДЛЯ ГЕРМАНА (ger1vas)
E-mail отправителя *:
Тема письма:
Текст сообщения *:






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

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

Ссылка:
BB-код:
HTML-код:
Добавил: -angel- | Просмотров: 9780 | Загрузок: 0 | Комментарии: 10 | Рейтинг: 3.8/9
Теги: скрипт, клавиатура, многоязычная клавиатура, виртуальная, виртуальная клавиатура
Всего комментариев: 7
Сообщение №6 от Герман
Добавлен: 18.05.2013

Не подумайте что я какая- то зануда, или же люблю делать замечания. Но почему бы к вашим значкам не приделать комментарий. Это же элементарно делается <span title="Комментарий"><img src="Путь к фото" width='' alt=""></span> .
Сообщение №7 от Олег
Добавлен: 18.05.2013

Тайтл (всплывающая подсказка) там "приделан".
Сообщение №5 от Олег
Добавлен: 18.05.2013

ger1vas, Где Вы такое видели что кроме Вас кто-то может изменить или зайти в Ваш аккаунт (кроме админа). А кнопка выход (замочек в шапке сайта).
Сообщение №4 от Герман
Добавлен: 18.05.2013

Хочу вам задать ещё один вопрос не по теме. Где у вас на сайте выход? Я вчера у вас зарегестрировался, сегодя зашёл на ваш сайт, а мой аккаунт открытый, заходи кто хош, и твори что хош.
Сообщение №1 от Герман
Добавлен: 17.05.2013

Хочу у вас спросить по поводу виртуальной клавиатуры. У меня есть форма обратной связи. Можно ли вашу клавиатуоу подключить к форме, и каким образом.? Я не могу найти настройки маленького окошечка с текстовым полем. В исполяющем скоипте в функции textarea нет никаких настроек.
Сообщение №2 от Олег
Добавлен: 17.05.2013

Перед тем как отвечать Вам я вставил клавиатуру в свою форму обратной связи.
ОТВЕТ: можно подключить.
Цитата
Я не могу найти настройки маленького окошечка с текстовым полем. В исполяющем скоипте в функции textarea нет никаких настроек.

Какие настройки, где Вы их ищете ???
Сообщение №3 от Герман
Добавлен: 18.05.2013

Каким образом можно клавиатуру подключить к форме? Я не нахожу ответ. Вы говорите что подлючили её к вашей форие обратной связи. Я посмотрел вашу форму и никакой клавиатуры не нашёл. Или же само окно формы- это и есть переделанное поле ввода текста клавиатуры? Если ваша форма - это переделанное окно ввода текста от клавиатуры, то где же сама виртуальная клавиатура? Где я ищу? У вашей формы есть два файла keyboard.css и keyboard.js. Я ни там, ни там, не нашёл настроек окна ввода текста.
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Мужчины совершают самоубийства в три раза больше чем женщины. Однако, женщины совершают попытки к самоубийству в три раза чаще мужчин.


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

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

Друзья сайта