Повідомлення на html5.

Відео: Сервіси розсилок для вашого сайту [GeekBrains]

В HTML5 з`явилася нова цікава річ - notifications, тобто повідомлення. Ось про те, як використовувати повідомлення я і розповім в цій статті.

Напевно, багато хто з вас бачили повідомлення про нові повідомлення або про те, що хтось поставив лайк ВКонтакте. Ось те ж саме тепер вбудовано в браузери, але підтримується ще дуже погано: Safari від 6 версії, Chrome від 27 і Firefox з 22 версії. Поки що це все, хоча, в опері цей об`єкт є і, швидше за все, в одному з оновлень ця функція запрацює і там.

Відео: Відеокурс - Сучасний інтернет-магазин з нуля

Перед тим, як відправити повідомлення, краще перевірити Дозвіл. Тобто людина побачить в браузері питання про те, чи дозволити або заборонити повідомлення від сайту і в залежності від того, дозволить він їх чи ні, і здасться або не покажеться повідомлення. Давайте перейдемо до коду.

Як видно з коду, у нас є об`єкт Notification, який і відповідає за повідомлення, а у нього є метод requestPermission, який приймає callback функцію, в яку передається об`єкт події. Далі ми перевіряємо, якщо статус denied (заборонено), то виводимо соотвествующее повідомлення, а якщо статус дорівнює granted (дозволено), то виводимо інше повідомлення. Думаю, суть зрозуміла. Якщо користувач відхилить повідомлення, то статус буде denied, інакше ж статус буде granted.

Відео: Верстка HTML5 макета (сайт-портфоліо) на Joomla! J! Blank: 3

Ще є статус default, при якому людині і задається питання, дозволити або відхилити показ повідомлення. У коді нижче ми його і використовуємо.

У нас є якесь посилання, при кліці по якій ми просимо користувача дозволити показ повідомлень. Якщо він відповість позитивно, то створюємо об`єкт наших повідомлень і першим параметром в конструктор передаємо заголовок повідомлення. Другим же параметром передається об`єкт, який включає в себе текст повідомлення у властивості body, іконку повідомлення у властивості icon(Необов`язково) і tag. Tag - це щось на зразок id, тобто унікального ідентифікатора повідомлення. "Де його можна використовувати?" - Все залежить від ситуації, а я в прикладі привів банальне додавання до рядка URL параметра notification зі значенням, отриманим з властивості tag, при кліці по повідомленню.

Використовувати це ви вже можете, наприклад, у себе в адмінці, якщо ви використовуєте браузер, що підтримує даний функціонал, а в майбутньому можна буде використовувати на основному сайті.