Интересный способ выравнивания по центру экрана модального окна

Сразу предупреждаю: способ хорош в случае, если высота модального окна < высоты экрана. Если высота модального окна > высоты экрана и сам контент страницы порождает скроллинг, то может вылезти 2 скроллинга. Этот момент можно пофиксить выставив overflow-y: hidden; у body в момент отображения модального окна.

Взято с хабра из комментов

Принцип такой:

  • создаем заголовочный блок и ставим ему следующие стили:

  • в этом блоке будет находится оверлей и устанавливаются правила позиционирования дочерних элементов — в данном случае самого модального окна

Читать далее

Простой календарь выбора даты на JS

Для работы календаря требуется подключенный JQuery UI.

Собственно заходим на http://code.jquery.com/ui/ и выбираем версию, которая больше нравится.

Далее подключаем его:

Обратите внимание, что smoothness — это название темы (в зависимости от используемой темы будет по разному выглядеть календарь)

В вёрстку пихаем какой-нибудь инпут, под которым должен появляться календарь при клике:

Читать далее

Three js — заготовка класса для разработки 3d приложения

На коленке набросал небольшую заготовку класса для будущих разработок 3d приложений на Three JS. М.б. кому пригодится.
Поддерживается изменение размеров окна браузера (вьюшка резировая с динамическим перерисовыванием сцены)
В примере ниже рисуется кубик с осями ординат. Поддерживается изменение положения камеры с помощью мышки.

Читать далее

Обход проактивной защиты Bitrix

Коллеге недавно потребовалось добавить видос в детальное описание элемента инфоблока Битрикс, но система по какой-то причине никак не хотела давать возможность это сделать. Обычный тег «iframe» преобразовывался в «if frame».

Оказалось, что это результат работы модуля Проактивной защиты Bitrix.

Чтобы обойти защиту, необходимо в свойствах группы пользователей, которые могут редактировать нужные элементы инфоблока, выставить следующий флаг:

(Настройки / Группы пользователей / Нужная группа / Доступ / Проактивная защита [F] Обход проактивного фильтра)

Если не помогло, можете также в настройках проактивного фильтра выставить следующие настройки:

Читать далее

HTML в PDF средствами Dompdf

Давненько я тут не писал.

Сразу к делу: недавно столкнулся с задачей реализовать простенькую печатную форму.

На голом HTML её делать бесполезняк — можно легко столкнуться с «особенностями» браузера из которого производится печать. Собственно решил перегнать html в PDF и уже этот формат использовать в качестве печатного.

В качестве библиотеки выбрал Dompdf — она понимает стили вроде max-width и max-height и умеет работать с картинками.

Порядок действий:

  1. Собственно качаем dompdf: тык
  2. Заливаем содержимое на свой сервак.
  3. Формируем сниппет кода. Принцип прост: html-ку запихиваем в буфер вывода, а уже потом её используем в качестве содержимого PDF-ки:

Читать далее