Виртуальная клавиатура для формы входа (прикручиваем многоязычную виртуальную клавиатуру)

Делается это очень просто:

1. Для примера возьмём главную страницу стандартного сайта, построенного на шаблоне системы. В секцию HEAD шаблона "Страницы сайта" вставим две строки кода, подключающие стили и файл-скрипт

Code

2. Теперь необходимо войти в редактирование кода шаблона "Форма входа пользователей" и найти такие строки:

Code

<tr><td width="20%" nowrap="nowrap">E-mail:$UID_ICON$</td><td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td></tr>
<tr><td>Пароль:</td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></td></tr>

Нам всего лишь нужно будет для полей ввода добавить класс keyboardInput и изменить ширину полей со 100% до 80% :

Code

<tr><td width="20%" nowrap="nowrap">E-mail:$UID_ICON$</td><td><input class="loginField keyboardInput" type="text" name="user" value="" size="20" style="width:80%;" maxlength="50"/></td></tr>
<tr><td>Пароль:</td><td><input class="loginField keyboardInput" type="password" name="password" size="20" style="width:80%" maxlength="15"/></td></tr>

3. Теперь вам осталось только скачать архив в прикреплении и его содержимое закачать на свой сайт в корневую папку.