Вход Регистрация |
Виртуальная клавиатура на HTML и JavaScriptМы часто играем с программированием, создавая бесполезные штучки. Я подумал, было бы хорошо создать виртуальную клавиатуру для сайта как на Яндексе или других сайтах. Я покажу Вам, как это реализовать. Надеюсь что этот пост будет полезен для каждого. Делаем основу – HTML код и основные файлы.Для создании этой клавиатуры понадобится несколько страниц HTML кода и не меньше CSS. Каждая кнопка будет являться пунктом в одном большом списке. А пункты уже будут принадлежать каким-то классам для взаимодействия с CSS и jQuery.
К HTML файлу мы будем подключать два файла JavaScript и один файл CSS. В теле файла будет огромный список, содержащий все буквы, числа, и некоторые кнопки. Содержимое файла index.html
Упорядочиваем все это при помощи CSS
Оживляем нашу виртуальную клавиатуру на JSКаждой кнопке необходимо задать свою функцию.
В итоге у нас получилась отличная виртуальная клавиатура, удобная и красивая в использовании. Прежде всего такие клавиатуры используют на сайтах, на которых необходим высокий уровень безопасности. Категория статьи: Веб-программирование | Просмотров: 9832 | Добавлена:
03.10.2013
Почему Вы еще не прокомментировали? |