Xtiper

Введение

Xtiper — это решение для всплывающих окон и диалоговых окон на ПК и мобильных устройствах (включая всплывающие окна). Оно написано на чистом JavaScript, имеет небольшой размер, не зависит от каких-либо библиотек JavaScript и удобно в использовании.

Предварительный просмотр

https://ovsexia.gitee.io/xtiper/

Установка с npm

npm i xtiper

Облегчённая версия xtiper.lite.js

Исключает всплывающие окна, фотогалерею и меню панели инструментов. Размер уменьшен до 40% от размера основной версии.

Использование

<link href="css/xtiper.css" type="text/css" rel="stylesheet" />

<script src="js/xtiper.js" type="text/javascript"></script>

Обновления версий

Версия 2.7 выпущена: скачать

1. Добавлена функция обратного вызова при успешном открытии слоя.
2. Изменена позиция параметров для типов alert и confirm, чтобы избежать путаницы.
3. Для alert и confirm добавлены функции обратного вызова для подтверждения и отмены.
4. Исправлены другие мелкие ошибки.

Официальная версия 2.6 выпущена: скачать

1. В слой win добавлена максимальная ширина, оптимизировано положение слоя win при ширине в процентах.
2. В слой open добавлены максимальная ширина и максимальная высота.
3. В слое open добавлено свойство reset, которое позволяет не сбрасывать содержимое при каждом вызове.
4. В слое open добавлен атрибут id, который можно использовать вместе со свойством reset для вызова нескольких экземпляров с одинаковыми параметрами.
5. Исправлены другие ошибки.
6. Оптимизирован слой всплывающих окон, чтобы остановить всплывающие окна, когда окно неактивно.

Версия 2.5

Выпущена стабильная версия.

Версии 2.0–2.4

Оптимизация программы и исправление ошибок.

Версия 2.0

Переработка кода и определение основных функций.

Версия 1.0

Свободное развитие и определение базовых функций.