13.06.10

Зачастую при написании сценариев на языке JavaScript требуется совершить обход всех элементов массива или же всех свойств объекта.
Обход элементов массива выполняется с помощью цикла for:

JavaScript
1
2
3
4
var arr = ["one", "two", "three"];
for (var i=0; i<arr.length; i++){
//выполняем действия с arr[i]
}

Свойства объекта же обходят с помощью цикла for-in:

JavaScript
1
2
3
4
var obj = {one: 1, two: 2, three: 3};
for (var p in obj) {
//выполняем действия с p
}

Подобный же функционал можно реализовать с помощью функции jQuery.each.
Читать дальше →

12.06.10

Как известно, jQuery имеет собственные функции для реализации эффекта “соскальзывающих” элементов – .slideUp(), .slideDown() и slideToggle(). Но бывают такие случаи, когда нам нужно реализовать скольжение элементов в совершенно других направлениях, нежели это делают данные функции.

К счастью это довольно легко реализуется – под катом увидите как.
Читать дальше →

11.06.10

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

Поискав в интернете, я нашел замечательный плагин для jQueryjQuery simple modal. При размере всего в 8,3Кб  плагин оказался достаточно функциональным и крайне простым в использовании.
Давайте рассмотрим пример его использования.
Читать дальше →

10.06.10

Посмотрев статистику Google Analytics, я пришел к выводу, что многие из посетителей моего сайта интересуются использованием jQuery, и в частности тем, как можно работать на jQuery с AJAX.

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

06.06.10

Навигация с помощью “хлебных крошек” – одна из самых удобных в современном мире веб 2.0. Сегодня я расскажу вам об одном из jQuery плагинов, призванных упростить реализацию такой навигационной строки.
Используя данный плагин вы получите навигационную строку в виде складной цепочки, что позволяет использовать глубоко вложенные и многословные имена страницы.
Разработчики приняли решение не ограничивать количество элементов в строке, и это привело к том, что данный плагин является дружественным к SEO, удобным, да и просто с ним приятно поиграться.
Демо вы можете посмотреть на странице автора.
Читать дальше →

03.06.10

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

Несмотря на то, что для страниц с большим количеством фотографий данный способ будет малоэффективным из-за проблем с производительностью (это по большей части касается такого замечательного браузера, как Internet Explorer), его можно с успехом применять в тех частях сайта, где такой эффект будет уместен (например с помощью такой технологии можно организовать красивейший просмотр ваших работ в портфолио, или каком-нибудь фотоальбоме).

Читать дальше →