Search code examples
htmlnotificationstitlebar

How to write (number of notifications) in the address bar when a notification is found


Does any of you know how most of the websites today show the number of notifications in the title bar when a new notification is found? Like if you have a notification on Facebook you get (1) Facebook in the title bar. How could I do that?


Solution

  • This uses simple Javascript. First, the title of the document is stored somewhere so when the title is written to multiple times, it doesn't prepend multiple (1)s to the title (i.e., you wouldn't want (3) (1) Facebook). Then it sets document.title to that original title while putting some bit of information on the front, something like this:

    original_title = document.title
    
    // time passes
    
    document.title = "(" + update_count + ") " + original_title;