jQuery *

При проектировании интерфейсов пользователя когда-нибудь обязательно встанет задача использования таймеров, и в этой статье я хочу рассказать о замечательном плагине jQuery Timers, который значительно облегчит работу по созданию и применению таймеров в Ваших приложениях.
jQuery Timers — это высокоуровневая абстракция методов setTimeout и setInterval. Используя jQuery Timers, Вы сможете «прикреплять» таймеры к элементам непосредственно в Вашем коде и использовать еще некоторые возможности.
Как обычно, сначала посмотрим пример, а потом разберем исходный код.

Пример и исходный код скачать можно здесь

В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами :)

Плагин автоматически заменяет облако на холодильник, а в случае, если у пользователя выключен ява-скрипт, то ему будет показано стандартное облако тэгов.

Посмотреть скрипт в работе можно здесь и здесь. При желании вы можете скачать холодильник тэгов и ознакомиться с документацией к нему.

Тестировал работу в ФФ 2 и 3, ИЕ 6 и 7, опере 9.60, Сафари и Гугл Хроме. К сожалению, в ИЕ 6 из-за использования IE PNG Fix скрипт заметно тормозит. Сейчас работаем над созданием новых скинов (хочу преобразовать холодильник в доску или забор с налепленными на него объявлениями-тэгами) и над оптимизацией графики.

Интересно мнение хабраюзеров о полезности этой работы, а также о возможных глюках.

Upd. С подачи nikel303 сделал пример, в котором магниты можно перетаскивать.

Представляю Вам третью статью из серии jQuery для начинающих. В этот раз я постараюсь рассказать о реализации AJAX запросов...

Среди шума поднятого новостью о том, что Микрософт включит в свою студию поддержку jQuery как-то тихо прошла информация о том, что другой гигант Nokia так же внедряет поддержку jQuery.

Сообщается, что jQuery будет использоваться как часть основанной на WebKit платформы Web Run-Time и станет частью всех телефонов Nokia, которые включают Web Run-Time. Так же jQuery станет частью платформы виджетов и можно будет создавать виджеты для телефонов Nokia используя jQuery.

Пока отсутствует информация о том, будут ли внесены изменения во включаемые версии библиотек. Похоже, что и Nokia и Microsoft будут использовать в своих продуктах jQuery по принципу «as is», то есть без изменений.

Ссылка на официальный анонс поддержки Microsoft и Nokia от команды jQuery

Вместе с выходом jQuery UI 1.6rc2 появились новые виджеты, один из которых Magnifier. Это интересный элемент управления, который может разнообразить дизайн на странице. К сожалению, описание этого виджета отсутствует на странице официальной документации и этот пост призван восполнить пробел и описать все параметры виджета Magnifier.

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

Обновилась UI библиотека. Самое главное, что, помимо многочисленных изменений и исправлений ошибок, были добавлены новые виджеты:

* Autocomplete
* Colorpicker
* Magnifier (Welcome back)
* Progressbar
* Spinner

Ссылка на анонс
Ссылка на changelog

В первой части были рассмотрены базовые принципы работы селекторов и приведены несколько примеров, в данной статье я постараюсь акцентировать внимание на реализации JavaScript меню для Вашего сайта.

Если Вам готовый код наглядней документации, то переходим от слов к делу, т.е. на страницу с примерами.

Как я и обещал, вторая глава из книги «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). Как и из первой главы, выбрал все самое вкусное и интересное ;-)

Напоминаю, что первую главу можно прочесть здесь.

Для начала поискал на Хабре, но найте не удалось.
Теперь делюсь с вами тем, что нагуглил.

Оба документа на английском.

Полный перечень функций jQuery(v 1.1.4) с описаниями (PDF, 120Kb)

Полный перечень функций jQuery(v 1.1.4) с описаниями + плагины (PDF, 210Kb)

Наслаждайтесь.

Не провисев и 24 часов, веселая картинка с рокером исчезла с главной страницы jQuery. Как говорится в официальном блоге изза большого количества гневных писем по этому поводу. К сожалению большинство плохо восприняло их юмор. Поэтому они поступили, хитрее. Для всех желающих почувствовать себя яваскрипт супер звездой скрыт секретный уровень. Чтобы к нему доступится зайдите на главную страницу jQuery и введи-те код Konami. Чтобы все было не так просто я не скажу что именно это за код, возможно вы поищете его в интернете, а возможно вспомните что вводили для супер-уровня играя на снесе в игру Mortal Combat, это именно тот код.

Be a JavaScript SuperStar %username%!

Как я уже писал, я начал читать книгу «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). В данной серии статей (а я планирую довести дело до конца) я буду выкладывать самые интересные моменты из каждой главы этой книги. Это будут основные идеи, примеры или и то и другое вместе :-)

Официальный сайт jQuery обновился внеся новую волну позитива разработчикам использующим этом JavaScript framework. Еще вчера нас встречал заурядный сайт OpenSource проекта с кнопокой «Пожертвовать». Сегодня же мы видим сайт уверенной в себе команды, им есть чем гордиться. Google, Dell, Bank of America, Digg, NBC — это далеко не полный список компаний и организаций, использовавших этот framework для своих сайтов, который теперь красуется на главной странице.

От себя пожелаю удачи и дальнейшего роста этому отличному (во всех смыслах) framework'у.

jQuery — это замечательный JavaScript Framework, который подкупает своей простотой в понимании и удобством в использовании. Но изучение надо с чего-то начинать, и лично моё мнение — лучше всего начинать с наглядных примеров, и они далее…

Для тех, кто пользуется jQuery в проектах написанных в Visual Studio наверняка будет интересно узнать как интегрировать jQuery в Intellisense. Для такой интеграции необходимо скачать следующий файл скрипта www.infobasis.com/sandpit/jQuery-Intellisense/jQuery.intellisense.js и присоединить его на нужной веб-странице. После чего, появится возможность работать с функциями jQuery через intellisense.



Не забудьте убрать ссылку на jQuery.intellisense.js после завершения работы над кодом.

Если вы используете цитаты из разных источников, будь то: сайт, книга или человек — то неплохо было бы указать источник этой информации в сноске.

Если выносить и оформлять сноски вручную, то это надоест даже самому настойчивому «писателю». Так что предлагаю Вам способ реализации сносок при помощи jQuery.

Наткнулся на вот такой полезный класс, любителям chained вызовов и jquery понравится очень!

PHP Simple HTML DOM Parser:
simplehtmldom.sourceforge.net

Примеры:
// Find all anchors, returns a array of element objects
$ret = $html->find('a');

// Find (N)th anchor, returns element object or null if not found (zero based)
$ret = $html->find('a', 0);

// Find all which attribute id=foo
$ret = $html->find('div[id=foo]');

// Find all with the id attribute
$ret = $html->find('div[id]');

// Find all element has attribute id
$ret = $html->find('[id]');

// or
echo $html->getElementById(«div1»)->childNodes(1)->childNodes(1)->childNodes(2)->getAttribute('id');

simplehtmldom.sourceforge.net/manual.htm — документация и больше примеров

Замечательное и ну очень оригинальное решение на Jquery.
С помощью этого плагина буквально одной строчкой кода, можно будет превратить любую картинку в самый настоящий пазл. Вес плагина, для его функциональности небольшой — 9 килобайт.

Вышел релиз jQuery UI v1.5.

Официальный сайт проекта: ui.jquery.com

Анонс можно глянуть тут: jquery.com/blog/2008/06/09/jquery-ui-v15-released-focus-on-consistent-api-and-effects

Здесь можно глянуть интересное демо: ui.jquery.com/repository/real-world/effects

У jQuery множество плагинов, но я бы хотел рассказать об одном, который впечатлил меня своей элегантностью.

Данная заметка описывает то, как просто можно вызвать .Net веб-сервис (написанный, например, в asp.net-проекте) используя библиотеку jQuery. Я немного сомневался в том, где поместить эту заметку, тут или в блоге .Net и, наконец, решил, что тема заметки больше касается jQuery и ее особенностей, чем темы программирования .Net.

Итак, начнем.