106 votes

Faire Blink de fenêtre de navigateur dans la barre des tâches

Comment puis-je faire navigateur d’un utilisateur blink/flash/mettre en surbrillance dans la barre à l’aide de JavaScript des tâches ? Par exemple, si je fais une requête AJAX toutes les 10 secondes pour voir si l’utilisateur a tous les nouveaux messages sur le serveur, je veux l’utilisateur de le savoir tout de suite, même s’il utilise une autre application dans le temps.

Edit : Ces utilisateurs veulent être distrait lorsqu’un nouveau message arrive.

87voto

nickf Points 185423

Cela ne fera pas le bouton de la barre des tâches flash en modifiant les couleurs, mais le titre va clignoter sur et en dehors jusqu'à ce qu’ils déplacent à la souris. Cela devrait fonctionner multi-plateforme et même si ils ont juste faites-le dans un onglet différent.


Mise à jour: vous pouvez regarder l’utilisation de notifications de HTML5. Actuellement, autant que je sache seulement Chrome est favorable, mais les autres navigateurs bons devraient suivre répondre assez vite.

55voto

heyman Points 2311

J'ai fait un plugin jQuery pour le but de clignotant messages de notification dans la barre de titre du navigateur. Vous pouvez spécifier différentes options comme le clignotement, la durée, si le clignotement doivent s'arrêter lorsque la fenêtre/onglet devient concentré, etc. Le plugin fonctionne dans Firefox, Chrome, Safari, IE6, IE7 et IE8.

Voici un exemple sur la façon de l'utiliser:

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

Si vous n'êtes pas à l'aide de jQuery, vous pourriez encore envie de regarder le code source (il y a quelques bugs bizarres et les cas de bord que vous avez besoin de travailler autour de lors le titre de clignoter si vous souhaitez soutenir pleinement tous les principaux navigateurs).

6voto

Rudi Points 553

Mon "interface utilisateur" la réponse est: Êtes-vous sûr que vos utilisateurs veulent que leurs navigateurs clignotant, ou pensez - vous que c'est ce qu'ils veulent? Si j'étais le seul à l'aide de votre logiciel, je sais que je serais ennuyé si ces alertes est arrivé très souvent et a obtenu, à ma façon.

Si vous êtes sûr que vous voulez faire de cette façon, l'utilisation d'une boîte d'alerte javascript. C'est ce que Google Calendrier pour les rappels d'événement, et ils ont probablement mis une certaine pensée.

Une page web n'est pas vraiment le meilleur moyen pour le besoin de savoir des alertes. Si vous êtes en train de concevoir quelque chose le long des lignes de "ZOMG, les serveurs sont down!" alertes de, automated e-mails ou des messages SMS à droite, les gens pourraient faire l'affaire.

6voto

Joeri Sebrechts Points 7483

Soi-disant, vous pouvez le faire sous windows avec le growl pour windows API javascript:

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

Vos utilisateurs auront à installer grognement.

Finalement, cela va être une partie de google gears, dans la forme de la NotificationAPI:

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

Donc, je vous conseille d'utiliser le grondement de l'approche pour l'instant, retomber le titre de la fenêtre des mises à jour si possible, et déjà l'ingénierie dans les tentatives pour utiliser les Engins de Notification API, quand il devient finalement disponible.

3voto

Robin Barnes Points 3216

La seule façon je peux penser de le faire est de faire quelque chose comme alert ('vous avez un nouveau message') lorsque le message est reçu. Il se met à clignoter la barre des tâches si la fenêtre est réduite, mais il ouvrira également une boîte de dialogue, vous ne pouvez pas.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X