Кеширование ajax запросов jquery

Кеширование ajax запросов jquery. Введение

Кеширование ajax запросов jquery Тема кеширования ajax запросов, является специфической, поскольку в большинстве случаев необходимо получить с сервера или передать ему актуальные данные. Но бывает и такое, что для данных получаемых с сервера, не критична актуальность, в разумных временных рамках, например, в течении часа. То есть, данные, которые присылает сервер, могут быть закешированы на час. Это существенно увеличит скорость отзыва запросов, а также ослабит нагрузку на сервер.
Читать далее «Кеширование ajax запросов jquery»

Как обрезать длинную строку и добавить в конец точки на javaScript

Как обрезать длинную строку на javaScript. Введение

Как обрезать длинную строку и добавить в конец точки на javaScriptЯ уже как-то писал статью как обрезать длинную строку и добавить в конец точки, только в прошлой статье код был написан на php. В этой статье реализован практически тот же функционал, только на javaScript. Чтобы код не повторялся, я решил его немного разнообразить. Помимо обрезания строки и подстановки в конец точек можно сделать плавное осветление последних символов.
Читать далее «Как обрезать длинную строку и добавить в конец точки на javaScript»

Проверить видимость элемента с помощью jquery

Проверить видимость элемента. Введение

Проверить видимость элемента с помощью jqueryСегодня столкнулся с интересной задачей, и о ее решении я хочу рассказать в этой статье.
Задача:
Необходимо поверить видимость элемента на странице. Когда элемент полностью виден на экране, нужно сменить его цвет. Даже если на один пиксель элемент скрыт за пределами страницы, то он считается не видимым.
Читать далее «Проверить видимость элемента с помощью jquery»

Аккордеон с помощью jQuery

Аккордеон с помощью jQuery. Введение

Аккордеон с помощью jQueryСегодня я хочу продолжить серию статей по работе с jQuery, как вам уже, наверняка известно, я стараюсь минимизировать количество подключаемых чужих библиотек и стараюсь все писать сам. Это помогает лучше вникать в программирование, понимать суть тех вещей, которые используются на сайте, да и намного приятней и интересней все делать самому :). И в этой статье я хочу показать как можно легко и быстро сделать, не прибегая к готовым решениям, аккордеон. Аккордеон — это блок, который позволяет уместить на странице гораздо больше информации, за счет того, что отображается только ее часть — заголовки. При клике по заголовку должна плавно раскрыться скрытая часть, и в тоже время скрыться ранее открытая. Для того, чтобы было лучше понятно, что такое аккордеон с помощью jQuery, я привел ниже пример.
Читать далее «Аккордеон с помощью jQuery»

Координаты курсора с помощью jQuery

Координаты курсора с помощью jQuery. Введение

Координаты курсора с помощью jQueryВ этой статье я покажу маленький но полезный пример, как получать координаты курсора с помощью jQuery. Довольно часто приходится получать координаты курсора, как относительно всей страницы, так и относительно какого-нибудь элемента на странице, например внутри дива. Эти два варианта я и покажу. С первым все просто, можно обрабатывать событие, например, mousemove и получать в нем координаты относительно страницы. Со вторым вариантом — координаты внутри элемента, не на много сложнее: получаем координаты элемента и координаты курсора, находим разницу, а ответ и будет положение курсора внутри элемента.
Читать далее «Координаты курсора с помощью jQuery»

Всплывающие подсказки с помощью jQuery

Всплывающие подсказки с помощью jQuery. Введение

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

Стилизация checkbox с помощью jQuery

Стилизация checkbox. Введение

Стилизация checkbox с помощью jQueryЭта статья будет коротенькая, но надеюсь, полезная, в ней я хочу показать, как быстро и просто реализуется стилизация checkbox с помощью jQuery. Все что нам потребуется, это обернуть checkbox span`он и div`ом, после чего скрыть сам чекбокс — этого мы добьемся с помощью css стилей. Остальное реализуем с помощью jQuery. При клики по диву, в котором будет находится наш чекбокс, мы будем проверять его атрибута checked и в зависимости от значения — true или false, будем менять изображение чекбокса, которое зададим span`у с помощью стилей. Для получения значения атрибута стоит использовать метод prop, в отличии от attr, он работает всегда, корректно отдает значение атрибутов для чекбокса.
Читать далее «Стилизация checkbox с помощью jQuery»

Увеличение картинки при наведении на jQuery

Увеличение картинки при наведении на jQuery. Введение

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

Простой слайдер изображений на jQuery

Простой слайдер изображений на jQuery. Введение

Простой слайдер изображений на jQueryКак я уже неоднократно говорил, интернет стремительно развивается, сайты становятся более интерактивными и зрелищными, декорированными. На сайтах зачастую можно встретить всевозможные карусели, слайдеры, бегущие строки и тд. Про один из таких элементов сайта я и хотел бы рассказать в этой статье — про слайдер для сайта. Существует много всевозможных библиотек, которые позволяют быстро создавать слайдеры. Но это слишком просто — взять готовое и влепить на сайт. Да и толку от этого ноль. Поскольку при использовании готовых решений, навыки программиста ни как не улучшаются. Другое дело написать самому, вникнуть в суть задачи, поэтому я и хочу показать как можно реализовать простой слайдер изображений на jQuery своими руками, без сторонних библиотек, ну кроме jQuery, конечно.
Читать далее «Простой слайдер изображений на jQuery»

Плавный спойлер для сайта на jQuery

Плавный спойлер для сайта на jQuery. Введение

Плавный спойлер для сайта на jQueryИногда бывает необходимо скрывать часть информации на сайте, это может быть связано с экономией места, для отображения дополнительной информации, для избежания преждевременного отображения текста, и тд. Обычно спойлер, раскрывается и скрывается по клику по его заголовку или специальной кнопке. В данной статье я хочу показать пример реализации спойлера на jQuery, который будет плавно отображать и скрывать текст. Все что нам потребуется — это библиотека jQuery.
Читать далее «Плавный спойлер для сайта на jQuery»