habilitar - enable javascript opera

Hacer que la ventana del navegador parpadee en la barra de tareas

Question

¿Cómo hago que el navegador de un usuario parpadee / parpadee / resalte en la barra de tareas usando JavaScript? Por ejemplo, si realizo una solicitud de AJAX cada 10 segundos para ver si el usuario tiene nuevos mensajes en el servidor, quiero que el usuario lo sepa de inmediato, incluso si está usando otra aplicación en ese momento.

Editar: estos usuarios quieren distraerse cuando llega un nuevo mensaje.

Answer 1

Estos usuarios quieren distraerse cuando llega un nuevo mensaje.

Parece que estás escribiendo una aplicación para un proyecto interno de la empresa.

Es posible que desee investigar escribiendo una pequeña aplicación de Windows en .NET que agrega un ícono de notificación y luego puede hacer ventanas emergentes o globos emergentes, o lo que sea, cuando reciban mensajes nuevos.

Esto no es demasiado difícil y estoy seguro de que si le preguntas ASÍ cómo mostrar un ícono de bandeja y cómo hago las notificaciones emergentes obtendrás excelentes respuestas :-)

Para el registro, estoy bastante seguro de que (aparte de utilizar un cuadro de diálogo de alerta / solicitud) no puede mostrar la barra de tareas en JS, ya que esto es muy específico de Windows, y JS realmente no funciona así. Es posible que pueda utilizar algunos controles activos de windows específicos de IE, pero luego inflige IE a sus usuarios pobres. No hagas eso :-(

Answer 2

¿Por qué no tomar el enfoque que utiliza GMail y mostrar la cantidad de mensajes en el título de la página?

A veces los usuarios no quieren distraerse cuando llega un nuevo mensaje.

Answer 3

AFAIK, no hay una buena manera de hacer esto con consistencia. Estaba escribiendo un único cliente de mensajería instantánea basado en web. Terminamos usando window.focus (), que funciona la mayor parte del tiempo. A veces hará que la ventana se robe el foco de la aplicación de primer plano, lo que puede ser realmente molesto.

Answer 4

Es posible que desee probar window.focus () - pero puede ser molesto si la pantalla cambia

Answer 5

He creado un complemento jQuery con el propósito de parpadear mensajes de notificación en la barra de título del navegador. Puede especificar diferentes opciones como intervalo intermitente, duración, si el parpadeo debe detenerse cuando la ventana / pestaña se enfoca, etc. El complemento funciona en Firefox, Chrome, Safari, IE6, IE7 e IE8.

Aquí hay un ejemplo sobre cómo usarlo:

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

Si no está usando jQuery, tal vez quiera mirar el código fuente (hay algunos errores peculiares y casos extremos en los que tiene que trabajar cuando titila el título si quiere dar soporte completo a todos los principales navegadores).

Answer 6

La única forma en que puedo pensar en hacer esto es haciendo algo como alerta (''tienes un mensaje nuevo'') cuando se recibe el mensaje. Esto destellará la barra de tareas si la ventana está minimizada, pero también abrirá un cuadro de diálogo, que puede que no desee.

Answer 7

Mi respuesta de "interfaz de usuario" es: ¿Estás seguro de que tus usuarios quieren que sus navegadores parpadeen o crees que eso es lo que quieren? Si yo fuera el que usa su software, sé que me enojaría si estas alertas ocurrieran muy a menudo y se interpusieran en mi camino.

Si está seguro de que quiere hacerlo de esta manera, use un cuadro de alerta de javascript. Eso es lo que Google Calendar hace para los recordatorios de eventos, y es probable que piensen un poco en ello.

Una página web realmente no es el mejor medio para las alertas de necesidad de conocer. Si está diseñando algo como "ZOMG, los servidores están caídos". alertas, correos electrónicos automatizados o mensajes SMS a las personas adecuadas podrían hacer el truco.

Answer 8

Supuestamente, puedes hacer esto en Windows con el rugido de la API de JavaScript de Windows:

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

Sin embargo, tus usuarios tendrán que instalar growl.

Eventualmente esto va a ser parte de los engranajes de google, en la forma de NotificationAPI:

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

Por lo tanto, recomendaría utilizar el enfoque de gruñido por ahora, volviendo a las actualizaciones de título de la ventana si es posible, y ya la ingeniería en los intentos de utilizar la API de notificaciones de Gears, para cuando finalmente esté disponible.

Answer 9

esto no hará que el botón de la barra de tareas parpadee al cambiar los colores, pero el título parpadeará intermitentemente hasta que muevan el mouse. Esto debería funcionar multiplataforma, e incluso si solo lo tienen en una pestaña diferente.

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;
        }
    };
}());

Actualización : es posible que desee ver el uso de notificaciones HTML5 .

Answer 10

podría cambiar el título de la página web con cada nuevo mensaje para alertar al usuario. Hice esto para un cliente de chat de navegador y la mayoría de los usuarios pensaron que funcionaba lo suficientemente bien.

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

Answer 11

                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