JavaScript
Некоторые полезные скрипты и возможности JavaScript.
На некоторых сайтах для удобства пользователей около форм ввода до сих пор используется виртуальная клавиатура. Иногда очень удобно делать ее многоязычной. В данном примере виртуальная клавиатура появляется около поля ввода, ее можно перемещать по экрану и выбирать язык ввода.

Для использоваения скрипта нам понадобятся: картинки клавиатуры, два скрипта, файл стилей. Скачать все файлы. При нажатии на enter на виртуальной клавиатуре происходит Submit формы, но это действие можно изменить в файле VirtualKeyboard.js, там же задаются картинки крестика "закрытие окна".

Сначала подключаются скрипты и файл стилей, а также несколько вызываемых на странице скриптов. Потом идет вывод поля ввода (в данном случае textarea, которую потом можно заменить на input) и иконки клавиатуры.

== Пример ==

<link href="/keyboard.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/Shared.js"></script>

<script type="text/javascript">
	var ContentPath = '';

	(function (w, c) {
		w[c] = w[c] || [];
		
		w.Startup = function(func) {
			if (window['$']) {
				func();
			} else {
				w[c].push(func);
			}
		};
	})(window, 'lingvopro_callbacks');
</script>

<script type="text/javascript">
	(function (w) {
		loadScript('VirtualKeyboard.js'); 
	})(window);
</script>

<script type="text/javascript">
	var g_keyboardLangs = new Array();
g_keyboardLangs["US Int'l"]="Английский";
g_keyboardLangs["Hungarian"]="Венгерский";
g_keyboardLangs["Greek"]="Греческий";
g_keyboardLangs["Danish"]="Датский";
g_keyboardLangs["Spanish Es"]="Испанский";
g_keyboardLangs["Italian"]="Итальянский";
g_keyboardLangs["Kazakh"]="Казахский";
g_keyboardLangs["Latin"]="Латинский";
g_keyboardLangs["German"]="Немецкий";
g_keyboardLangs["Dutch"]="Нидерландский";
g_keyboardLangs["Norwegian"]="Норвежский";
g_keyboardLangs["Polish Prog"]="Польский";
g_keyboardLangs["Portuguese Br"]="Португальский";
g_keyboardLangs["Russian"]="Русский";
g_keyboardLangs["Татарча"]="Татарский";
g_keyboardLangs["Turkish-Q"]="Турецкий";
g_keyboardLangs["Ukrainian"]="Украинский";
g_keyboardLangs["Finnish"]="Финский";
g_keyboardLangs["French"]="Французский";
</script>

<textarea lang="en"  name="searchText" maxlength="150" id="searchText" class="text general-text-field virtual-keyboard  js-submit-search-form auto-resizable"  style="overflow-y: hidden; opacity: 1; height: 17px;"></textarea>

<img width="33" height="17"  class="js-track-hit" src="/keyboard.png" alt="Виртуальная клавиатура" title="Открыть/закрыть виртуальную клавиатуру" id="keyboardInputInitiator">

 

Реклама на сайте

www.familyholst.ru
Печать картин, фотографий, репродукций, постеров на холсте. Дешево и срочно
familyholst.ru
http://energyterm.ru
Строительство, монтаж, пуско-наладка котельных любой мощности
energyterm.ru