Скрипт виртуальной клавиатуры

15 апреля 2008 Разное 1

Виртуальные клавиатуры чаще всего используются на веб сайтах, требующих максимального уровня безопасности, защищая нас от всяких клавиатурных шпионов. Также такая клавиатура полезна, если у вас нет нужной раскладки; например, клавиатура только на английском, а нужно ввести русский текст.

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

Для подключения скрипта нужно добавить следующие две строки в <head>:

<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css" />

В текстовые поля, для которых нужно добавить виртуальную клавиатуру, нужно добавить класс “keyboardInput”:

<input type="text" value="" class="keyboardInput" />

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

Посмотреть примеры можно на сайте автора.

JSLab Standard Library – коллекция функций

31 марта 2008 Новости, Разное 0

JSLab – это отличная коллекция JavaScript функций, расширяющих возможности стандартных объектов – Array, Date, String и др.

Например, для объекта Array имеются функции copy (копирование массива), diff (получение разницы массивов), unique (удаление повторяющихся значений) и др.

Есть также возможность составить из всех имеющихся здесь функций собственную библиотеку. Нужно просто нажать на ссылку Create library и выбрать функции, которые хотите добавить.

WP-Prettify – подсветка синтаксиса в wordpress

10 марта 2008 Wordpress, Новости, Разное 4

WP-Prettify – это плагин для wordpress, созданный мной на основе google-code-prettify. Он предназначен для подсветки синтаксиса на web-страницах. Подсветка выполняется на стороне клиента, то есть в браузере пользователя при помощи скрипта JavaScript. В данный момент доступны следующие языки программирования: C/С++, C#, Java, Python, Bash, SQL, CSS, Javascript, Makefiles, Ruby, PHP, Awk, Perl. HTML и XML также доступны, однако при использовании этих языков, нужно заменять открывающие тэги < на <, в противном случае вместо тэгов вы можете увидеть соответствующие HTML элементы.

Главной целью, которая побудила меня создать такой плагин, это необходимость показывать одновременно форматированный и исходный текст, дабы дать возможность пользователю легко скопировать любой кусок кода на странице. Изменения, внесенные мной в google-code-prettify касались только добавления нумерации строк и создания табов для переключения между форматированным и исходным кодом.

Устанавливается плагин точно так же, как и любой другой плагин для wordpress: нужно просто распаковать дистрибутив в директорию с плагинами (/wp-content/plugins), затем активировать его из админ панели. Затем любой кусок кода, который необходимо отформатировать, нужно заключить в тэги pre, указав для них класс prettyprint:

<pre class="prettyprint">
   // далее код который нужно подсвечивать
   function hello(){
      alert('hello world');
   }
</pre>

В результате вы получите следующий отформатированный текст:

	// далее код который нужно подсвечивать
	function hello(){
		alert('hello world');
	}

Скачать скрипт можно здесь: wp-prettify-0.1.zip (19,8K). Страница проекта находится здесь.

Управление иконками favicon из JavaScript

2 февраля 2008 Разное 1

Иногда появляется необходимость динамически изменять иконку сайта – favicon, например, в чатах, при получении нового сообщения, при завершении продолжительной операции и др.

<< читать дальше >>

Страница 2 из 2«12

Скрипт виртуальной клавиатуры

JSLab Standard Library – коллекция функций

WP-Prettify – подсветка синтаксиса в wordpress

Управление иконками favicon из JavaScript

Категории

Реклама