Несколько вопросов по HTML5 (всплывающие уведомления)

Volgar, 548 просмотров

Вот здесь хороший пример как сделать всплывающее уведомление для пользователя http://www.html5rocks.com/tutorials/notifications/quick/
Делаю все по туториалу, но почему-то не получается:
1. Вешаю на кнопку слушатель как в примере document.querySelector('#show_button').addEventListener('click', function()....
Но он почему-то не срабатывает. Может быть для HTML5 нужны какие специальные тэги кроме <script>. В тоже время если в коде кнопки прямо вызвать функцию onclick то все нормально.
2. Нотификация у меня не срабатывает при значении: window.webkitNotifications.checkPermission() == 0, если меняю на 1, то все работает.
3. В любом случае, не получается вызвать нотификацию в виде HTML как в уроке, только в виде стандартного диалогового окна, что не нужно, нужно поверх всех программ как в уроке. Скопировал полностью код с HTML кода страницы - не работает.

Если у кого есть несколько минут, посмотрите этот простой и полезный урок.

Ответы:

BVOG

<button id="show_html_notification">Show HTML Notification</button>
<script>
var url = 'http://chart.apis.google.com/chart?cht=bvg&chs=150x90&chd=s:Monkeys&chxt=x,y&chxs=0,ff0000,12,0,lt|1,0000ff,10,1,lt';
document.querySelector('#show_html_notification').addEventListener('click', function() {
if (window.webkitNotifications.checkPermission() == 1) {
// you can pass any url as a parameter
window.webkitNotifications.createHTMLNotification(url).show(); // note the show()
} else {
alert("This page doesn't have permission to show notifications yet.");
}
}, false);
</script>
Код выполняется, но почему-то в хром, у меня не разрешены уведомления попробуй у себя) Если не выолняется, пиши - ещё посмотрю)

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.