Как реализовать всплывающее окно, похожее на Gchat?

Question

Я открыл Gmail в свернутом браузере, и когда кто-то отправил мне сообщение через gchat, я получил всплывающее уведомление в углу экрана.Во всплывающем окне не было верхней панели (с минимизацией, полноэкранным режимом и закрытием в верхнем правом углу), а закрытие было интегрировано в окно в своем собственном дизайне.Есть ли способ создать окно (т.е. всплывающее окно) без верхней панели (в дополнение к без панели браузера)?Спасибо!

Answer 1

Вы хотите использовать API веб-уведомлений .

Обратите внимание, однако, что API не является (пока) стандартным и в настоящее время поддерживается только Chrome.(Хотя существуют Firefox extensions , которые могут быть установлены для включения функциональности.)

Answer 2

Это относительно просто, все, что вам нужно сделать, это создать элемент с помощью javascript.

Вот пример кода:

function makeBox() {
   box=document.createElement("div");
   div.innerHTML="HTML to go in the popup window.";
   div.id="popup";
   document.body.appendChild(box);
}

конечно, вы добавляете тег какэто:

<a href="javascript:document.body.removeChild(document.getElementById('popup'));">X</a>

в HTML всплывающего окна, чтобы добавить функцию закрытия.Это простой пример, вы можете легко добавить стили CSS и другие функции.