Матвей Земсков

Заметки веб-мастера

Элементы списка одинаковой высоты

Четверг, 04 сентября 2014 16:56
Опубликовано в JavaScript, jQuery

Иногда может понадобиться вывести на странице блоки с информацией в несколько столбцов и колонок. Например, это может быть список товаров из какой-нибудь категории или анонсы каких-то мероприятий. Обычно в каждом блоке содержится: название, краткий анонс, картинка для анонса и краткое описание. И тут возникает проблема: блоки получаются разными по высоте, что выглядит некрасиво. Кроме того, из-за разной высоты они могут смещаться и «наезжать» друг на друга. Как же решить эту проблему? Если с картинками еще можно что-то сделать: установить им одинаковую высоту, то с текстом ничего не получится, даже если выводить в блоке текст заданного размера. В этой заметке я расскажу, как можно выровнять элементы блоков по высоте.

JS-скрипт для подтверждения закрытия страницы

Воскресенье, 17 августа 2014 14:52
Опубликовано в JavaScript, jQuery

Очень важно чтобы в процессе оформления заказа в интернет-магазине посетитель случайно не закрыл страницу или не перешел на другую страницу. Существует JS-скрипт, который может предотвратить эти нежелательные действия. Например, он используется на Яндекс.Маркете. Смысл его работы заключается в том, что при попытке закрыть окно или вкладку браузера, появляется стандартное всплывающее окно с 2 кнопками «закрыть окно» и «остаться на странице». Правда в нем есть небольшой недостаток, он срабатывает не только на закрытие вкладки в окне браузера, но и при клике по ссылкам на странице, а также при отправке формы.

Изменяем псевдоэлемент :after с помощью jQuery

Вторник, 22 апреля 2014 22:21
Опубликовано в JavaScript, jQuery

Взаимодействовать с псевдоэлементами на странице не так просто, как с обычными HTML-элементами. До них невозможно «добраться» при помощи jQuery, а при необходимости изменить их содержимое приходиться делать различные трюки. Недавно мне понадобилось изменить фон псевдоэлемента :after. Сейчас я поделюсь с вами информацией о том, как это можно сделать.

Применяем javaScript ООП на веб-странице

Воскресенье, 16 марта 2014 04:00
Опубликовано в JavaScript, jQuery

В этой небольшой статье я хочу поделиться с читателем информацией о применении объектно-ориентированного подхода в javaScriipt при работе с формами на веб-странице.

Счетчик обратного отсчета на javaScript

Воскресенье, 25 августа 2013 14:57
Опубликовано в JavaScript, jQuery

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

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

Сейчас я рассмотрю пример такого счетчика, написанного на JavaScript. Кроме того, в интернете можно найти уже готовые jQuery countdown счетчики. Пару из них я также упомяну в этой статье.

Страница 3 из 4
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх