Jump to content
  • 0

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


Astraport
 Share

Question

Здравствуйте,

Вот здесь хороший пример как сделать всплывающее уведомление для пользователя 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 кода страницы - не работает.

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

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Не уверен, что эти методы ещё хорошо поддерживаются, если нужно сделать уведомление, найди обычную всплывающую подксазку.

Они пока поддерживаются только в Хроме, ты прав. Но мне нужно для специальных моих пользователей - экспертов, поэтому я могу их обязать использовать хром.

Обычная всплывающая подсказка не решает проблем, т. к. работает только в браузере. А эта - поверх всех десктопных программ. В общем сделал по этому примеру и все работает:facepalmxd:

http://www.phpguru.org/html5-webkit-desktop-notifications-example

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy