Чаще всего мне приходится писать скрипты под jQuery, и иногда очень удобно реализовывать функциональность путем создания плагина. В этой статье я покажу как это можно сделать. Пример будет тривиальный, но надеюсь понятный. Фунцкиональнось учебного плагина аналогична hover эффекту – при наведении указателя мыши на элемент, его фон меняется, если убрать указатель, то фон меняется на первоначальный (этого можно достичь при помощи CSS, но не забывайте, что это всего-лишь пример).

В основе библиотеки jQuery лежит класс с аналогичным названием jQuery (у него есть псевдоним $). Подобно тому, как классы в JavaScript можно расширять, используя свойство prototype, точно также мы можем расширить функциональность класса jQuery. Именно таким образом и создаются плагины. Поскольку в jQuery для свойства prototype есть псевдоним fn, то он чаще всего и используется для этой цели.

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

Компания Microsoft по всей видимости идет шагами Google в вопросе размещения популярных JavaScript библиотек на своем CDN (Content Delivery Network). Вместо того, чтобы размещать библиотеку jQuery на своем сайте, вы можете указывать напрямую на URL CDN-а. Например для jQuery используйте следующие адреса:

http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.js
http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js
http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2-vsdoc.js
http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min-vsdoc.js

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

В последнее время мне все больше нравятся различные новинки от YAHOO и в частности то, что предназначено для разработчиков веб приложений. Одной из таких полезных новинок является YQL – YAHOO Query Language, такой себе аналог языка SQL. По сути он выполняет ту же задачу, что и SQL, однако источником данных являются не обычные базы данных, а различные ресурсы интернета. Например, можно получить последние новости из разных источников, ссылки из delicious, записи из twitter-а, выполнить поиск по изображениям на Flickr и многое другое. Кроме того с недавнего времени YQL позволяет не только делать выборки данных, но также и выполнять добавление, удаление и обновление (CRUD).

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

Всем вам должны быть хорошо известны интерфейсы просмотра лент новостей, записей блогов, в которых новые записи подгружаются по мере чтения. Новые данные подгружаются в тот момент, когда полоса прокрутки достигает самого низа. Хорошим примером такого интерфейса является Google Reader, а также сайт DZone. Сегодня я покажу, как можно сделать такой интерфейс при помощи jQuery. Приложение будет имитировать работу блога, в котором при загрузке страницы, посредством AJAX будут загружаться первые 10 записей, а остальные будут подгружаться по мере чтения.

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

По моему скромному мнению, код скриптов, написанных на jQuery порою напоминают что угодно, только не язык программирования JavaScript. Все дело в обильном применении шаблона программирования "цепь" – когда результат выполнения одной функции непосредственно передается в другую:

$('selector').click().onmouseover().onmouseout().focus();

Конечно же это дело вкуса, но лично мне такая запись не всегда нравится. James Padolsey решил немного изменить такую ситуацию, однако только в плане работы с событиями. В одной из своих статей он предложил вариант назначения обработчиков при помощи созданной им функции events:

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