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

Leaflet использование SVG картинки вместо географической карты
 28 Апр, 2018

Javascript библиотека Leaflet для организации работы с картами помимо гео-карт позволяет работать с произвольными наложениями в режиме «без гео-карты».

Т.е. всю мощь скрипта, работу с масштабом, перемещением карты, можно применить к вашей произвольной картинке (например, карте торгового центра).

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

Показ навигации и пагинатора swiper js за пределами контейнера
 11 Апр, 2018

swiper js — jQuery плагин для создания адаптивной карусели  картинок. Посмотрим как сверстать шаблон так, чтобы элементы управления слайдером можно было размещать за пределами контейнера слайдера.

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

Инициализация карты google после изменения размеров контейнера карты
 2 Фев, 2018

Столкнулся с данной проблемой в своей работе. Опишу более подробно.

Объект Гугл карты, при изменении размеров контейнера, в котором рендерится карта, не актуализирует внутренние размеры поля, от которых зависит центровка. К примеру, при уменьшении контейнера, центр «отползал» вправо-вниз. При увеличении ситуация становилось ещё хуже, т.к. карта переставала рендерится на весь контейнер, а рисовалась только в части соответствующей старым размерам области отрисовки.

Остальные инструменты карты позиционировались верно, отслеживая размеры контейнера.

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

Кастомизация infoWindow на картах гугл
 25 Янв, 2018

Поп-ап на картах гугл, объект google.maps.InfoWindow, привлекателен возможностью вставки в него собственного HTML контента. Но кастомизация внешнего вида ограничена. По сути вы можете применить стили только к внутреннему содержимому, прописывая стили для контейнера .gm-style-iw.

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

Преодоление кросс-доменности в iframe
 14 Янв, 2018

Дочерние документы не могут самостоятельно читать данные из родительского фрейма,  если тот находится на другом домене. Возможны исключения для под-доменов одного и того же доменного имени.

Все это связано с мерами безопасности и т.п. чепухи. :). Для преодоления данных ограничений я использую обмен сообщениями между фреймами. Особенности данного подхода мы и рассмотрим в данной статье.

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

Значение UNIX timestamp в javascript
 8 Янв, 2018

Привычный в PHP и SQL тип данных timestamp отсутствует в javascript. Стоит ли говорить, что timestamp удобен для сравнения дат и для простых вычислений. Как получить его значение в JS?

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

Устанавливаем видео с youtube/vimeo на задний фон
 14 Окт, 2017

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

Плагины позволяют подставить в бекграунд произвольного контейнера видео ролики с YouTube и Vimeo, в том числе и для body, т.е. как подложку для всего сайта.

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

Работа с html select в режиме multiple, отличия от обычного режима
 9 Июн, 2017

HTML select с флагом multiple позволяет сделать выбор нескольких значений. В этой статье мы рассмотрим как правильно обработать данные, используя javascript и PHP.

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

Исправление плагина jquery.jslider.js
 8 Июн, 2017

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

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

Вертикальное уплотнение списка скриптом
 24 Май, 2017

Если вы занимаетесь версткой, то наверное, нередко верстаете элементы списков. Все выглядит красиво, если элементы однородны по ширине-высоте, тогда они выстраиваются примерно так, как выглядит картинка сверху.

Рассмотрим случаи, когда это не так.

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