Информационное окно предназначено для вывода сообщений,
предназначенных для оповещения пользователя о результатах выполнения каких-либо действий.
(Уведомления: 'Ошибка/Хорошо', Сообщения)
Пример
Уведомления
Ошибка! не удалось сохранить ваше
сообщение
Хорошо
страница перезаписана
Такая запись уже сушествует
#7439
Панель управления:
Закрыть всё
Загрузка
...
....
X
cancel Ошибка
Ошибка 5сек
...
X
task_alt Хорошо
...
X
mail_outline Сообшение
...
X
campaign Оповещение
...
X
Тег <i>
X
Для светлого и тёмного фона!
Подключение к сайту:
<!-- Добавить в <head>..</head>: -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" defer></script>
<link href="https://zam.usite.pro/db/publ/infOknoMenu/1-0-0/m.css" rel="stylesheet">
<script src="https://zam.usite.pro/db/publ/infOknoMenu/1-0-0/m.js" defer></script>
► Исходники(css, js): github (m. - Сокращённый вариант, ok. - Подробный)
Примеры вывода смс:
<script>
Oinf.$({//✗ Покажем сообщение `Ошибка`:
id: 'err',
x: 0,
t: 'Ошибка! не удалось сохранить ваше сообщение '
});
Oinf.$({//✗ Покажем сообщение `Ошибка` с изменением таймера до автозакрытия:
id: 'err',
x: 0,
xS: 30,//Изменим таймер автозакрытия на 30сек (По умолчанию 15сек)
t: 'Ошибка! не удалось сохранить ваше сообщение '
});
Oinf.$({//✓ Покажем сообщение `Хорошо`:
id: 'ok',
x: 1,
t: 'Материал был добавлен.'
});
Oinf.$({//✉ Покажем `Сообщение`:
id: 'sms',
x: 2,
t: 'Вам пришло сообщение!'
});
Oinf.$({//★ Покажем сообщение `Оповещение`:
id: 'opp',
x: 3,
t: 'Материал уже был добавлен.'
});
Oinf.$({//Покажем сообщение `Загрузка`:
id: 'load',
t: 'Загрузка раздела Новости '
});
Oinf.$('load');
</script>
Подробное описание команд:
<script>
Oinf.$({//★ Информационное окно ✓ `Инфо-Подсказки`
id: {string}, //* id сообщения
id: 'novost', //• id Для удаления сообщений || Замена на новое
x: {number/array}, //* Автозакрытие/Формат смс
//Формат: Через: Цвет:
x: 0, //Ошибка •15сек •Красный ✗
x: 1, //Хорошо •10сек •Зелёный ✓
x: 2, //Сообшение •15сек •Жёлтый ✉
x: 3, //Оповещение •15сек •Оранжевый ★
x: undefined,//Загрузка (Закрываем сами через Oinf.$('novost');)
xS: {number}, //*Изменим время автозакрытия смс
xS: 30, //30сек
s: {number}, //* Сторона поивления
s: 1, //• Верх слева
s: 2, //• Верх справа
s: 3, //• Низ слева
s: 4, //• Низ справа
s: undefined, //• S:2; по умолчанию (Верх справа)
t: {string/html}, //* Содержание сообщения
t: '<b>Загрузка</b> раздела <i>Новости</i>',
//° <i> = Выделит текст синим
});
</script>
Плюшкидля сайта