Заставить окно браузера мигать на панели задач

Как заставить браузер пользователя мигать / мигать / выделяться на панели задач с помощью JavaScript? Например, если я делаю запрос AJAX каждые 10 секунд, чтобы узнать, есть ли у пользователя какие-либо новые сообщения на сервере, я хочу, чтобы пользователь сразу узнал об этом, даже если он в это время использует другое приложение.

Изменить: эти пользователи действительно хотят отвлекаться, когда приходит новое сообщение.

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

newExcitingAlerts = (function () {
    var oldTitle = document.title;
    var msg = "New!";
    var timeoutId;
    var blink = function() { document.title = document.title == msg ? ' ' : msg; };
    var clear = function() {
        clearInterval(timeoutId);
        document.title = oldTitle;
        window.onmousemove = null;
        timeoutId = null;
    };
    return function () {
        if (!timeoutId) {
            timeoutId = setInterval(blink, 1000);
            window.onmousemove = clear;
        }
    };
}());

Обновление : вы можете использовать уведомления HTML5 .

Я сделал плагин jQuery для того, чтобы сообщения уведомлений мигали в строке заголовка браузера. Вы можете указать различные параметры, такие как интервал мигания, продолжительность, если мигание должно прекратиться, когда окно / вкладка сфокусируется и т. Д. Плагин работает в Firefox, Chrome, Safari, IE6, IE7 и IE8.

Вот пример того, как его использовать:

$.titleAlert("New mail!", {
    requireBlur:true,
    stopOnFocus:true,
    interval:600
});

Если вы не используете jQuery, вы все равно можете посмотреть исходный код (есть несколько причудливых ошибок и крайних случаев, которые вам нужно исправить при мигании заголовка, если вы хотите полностью поддерживать все основные браузеры).

Мой ответ "пользовательского интерфейса": вы уверены, что ваши пользователи хотят, чтобы их браузеры мигали, или вы думаете , что они этого хотят? Если бы я был тем, кто использовал ваше программное обеспечение, я знаю, что был бы раздражен, если бы эти предупреждения происходили очень часто и мешали мне.

Если вы уверены, что хотите сделать это таким образом, используйте окно предупреждения javascript. Это то, что Google Calendar делает для напоминаний о мероприятиях, и они, вероятно, задумались над этим.

Веб-страница действительно не лучшее средство для оповещений о необходимости. Если вы разрабатываете что-то вроде «ZOMG, серверы не работают!» оповещения, автоматические электронные письма или SMS-сообщения нужным людям могут помочь.

Предположительно, вы можете сделать это в Windows с рычанием для Windows javascript API:

http://ajaxian.com/archives/growls-for-windows-and-a-web-notification-api

Тем не менее, вашим пользователям придется установить рычание.

В конце концов это станет частью механизма Google в виде NotificationAPI:

http://code.google.com/p/gears/wiki/NotificationAPI

Поэтому я бы порекомендовал пока использовать подход рычания, возвращаясь к обновлениям заголовков окон, если это возможно, и уже занимаясь разработкой попыток использовать API уведомлений Gears, когда он в конечном итоге станет доступным.

                var oldTitle = document.title;
                var msg = "New Popup!";
                var timeoutId = false;

                var blink = function() {
                    document.title = document.title == msg ? oldTitle : msg;//Modify Title in case a popup

                    if(document.hasFocus())//Stop blinking and restore the Application Title
                    {
                        document.title = oldTitle;
                        clearInterval(timeoutId);
                    }                       
                };

                if (!timeoutId) {
                    timeoutId = setInterval(blink, 500);//Initiate the Blink Call
                };//Blink logic 

Единственный способ, которым я могу это сделать, - это сделать что-то вроде предупреждения («у вас есть новое сообщение») при получении сообщения. Панель задач будет мигать, если окно свернуто, но также откроется диалоговое окно, которое может вам не понадобиться.

Почему бы не воспользоваться подходом, который использует GMail, и не показывать количество сообщений в заголовке страницы?

Иногда пользователи не хотят отвлекаться, когда приходит новое сообщение.

Вы можете попробовать window.focus () - но это может раздражать, если экран переключается

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

document.title = "[user] hello world";

AFAIK, нет хорошего способа сделать это последовательно. Я писал веб-клиент IM только для IE. В итоге мы использовали window.focus (), который работает большую часть времени. Иногда это действительно приводит к тому, что окно крадет фокус у приложения переднего плана, что может сильно раздражать.

Эти пользователи хотят отвлекаться, когда приходит новое сообщение.

Похоже, вы пишете приложение для внутреннего проекта компании.

Возможно, вы захотите написать небольшое приложение для Windows в .net, которое добавляет значок уведомления, а затем может создавать необычные всплывающие окна, всплывающие окна или что-то еще, когда они получают новые сообщения.

Это не слишком сложно, и я уверен, что если вы спросите ТАК: «Как мне показать значок в трее» и «как мне сделать всплывающие уведомления», вы получите отличные ответы :-)

Для записи, я почти уверен, что (кроме использования диалогового окна с предупреждением / приглашением) вы не можете прошить панель задач в JS, поскольку это сильно зависит от Windows, а JS действительно так не работает. Вы можете использовать некоторые элементы управления ActiveX для Windows, специфичные для IE, но тогда вы навязываете IE своим бедным пользователям. Не делай этого :-(

function blinkTab() {
        const browserTitle = document.title;
        let timeoutId;
        let message = 'My New Title';

        const stopBlinking = () => {
            document.title = browserTitle;
            clearInterval(timeoutId);
        };

        const startBlinking = () => {
            document.title = document.title  === message ? browserTitle : message;
        };

        function registerEvents() {
            window.addEventListener("focus", function(event) { 
                stopBlinking();
            });

            window.addEventListener("blur", function(event) {
                const timeoutId = setInterval(startBlinking, 500);
            });
        };

        registerEvents();
    };


    blinkTab();