Все записи категории ‘javaScript’

Улучшаем реакцию меню
 28 Апр, 2016

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

Читать далее »

Ищем видимые элементы, используя jQuery
 22 Апр, 2016

В CSS такого селектора нет, в вот jQuery предоставляет.

Читать далее »

Перебор атрибутов HTML элемента в javascript
 17 Фев, 2016

За использованием библиотеки jQuery как то забываешь о базовых свойствах и методах DOM  в javascript. Как получить весь набор аттрибутов HTML элемента?

Читать далее »

Поиск выбранного RADIO в HTML форме средствами javascript
 8 Янв, 2016

Продемонстрирую алгоритм работы с полем radio для универсального случая, когда мы не знаем существует ли поле, одно у него значение в форме или оно может принимать значение из некоторого набора (случай списка из радио-кнопок).

Читать далее »

Виджетик для сравнения двух картинок
 1 Ноя, 2015

Этот виджет может найти применение для сайта дизайнера или фотографа, которые занимаются реставрацией или обработкой изображений. Наверное, приложений можно придумать много : везде, где мы имеем две одинаковые картинки, одна из которых — «до», а вторая «после». Можно, конечно, просто выложить начальное и конечное изображение рядом. Но мне пришла в голову следующая идея (видимо, где то подсмотрел).

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

Виджета у меня пока нет, давайте его сварганим.

Читать далее »

Анимация ожидания загрузки/обновления, используя CSS3
 26 Окт, 2015

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

Читать далее »

Делаем эффект параллакса для заднего фона на сайте
 19 Окт, 2015

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

Читать далее »

Jquery перебор элементов
 18 Окт, 2015

С помощью селектора jQuery мы выбрали какие то элементы. Как теперь организовать их перебор в цикле? Есть пара вариантов.

Читать далее »

Программируем галерею в Drupal 7
 2 Сен, 2015

gal-sample

Хотите сделать галерею своими руками, без сторонних модулей в Drupal? Тогда читайте дальше.

Читать далее »

Ajax в Drupal 7
 31 Авг, 2015

Расскажу про использование техники ajax в рамках движка Drupal. Начнем с теоретических моментов.

Во-первых, чтобы получить какие то данные с веб-сайта под Drupal, нужно чтобы соответствующий адрес существовал на сайте. Во-вторых, нам не хотелось бы получать данные облаченные во весь шаблон текущей темы оформления. В-третьих, надо помнить, что в drupal уже подключена библиотека jQuery, так что нам можно использовать реализацию механизма ajax в её составе.

Читать далее »