Calipus Software

Blink Title of Tab in Browser

Did you ever notice that sometimes your tab title gets updated on it’s own while you are browsing websites in other tab. There are many websites that do it. For eg. you shall notice that GMAIL update the title tab with counter of total number of unread email, each time you receive a new email.

It’s a good practice to notify your customer that – something has just happened which needs your attention. That way your customer would not loose that important task and you would not loose that customer. Sounds Great!!

So how do you do it ??

It is pretty straight forward.

[code lang=”js”]document.title = ‘Something has just happened!'; // It works[/code]

But just updating the title would not catch user’s attention.

We need to do something more to catch users’ attention.

You can achieve this by writing couple of JavaScript functions but there is a much better way to achieve this. There is a jQuery based plugin which can do it for you in no time and without any hassles.

With the help of this plugin, you can configure the title blinking as per your requirements.

Using this plugin is very simple & straight forward. Just include the plugin files in your page and paste this code in your page.

[code lang=”js”]$.titleAlert("Hello World!", {
requireBlur:true,
stopOnFocus:true,
duration:10000,
interval:500
});[/code]

This plugin facilitates you to configure various options like

1. The flashing interval

2. Time for which original title will be displayed

3. Total duration of flashing.

4. Stop once window is focussed.

You can learn more about the plugin at https://github.com/heyman/jquery-titlealert

Please feel free to write in case you face any issue while using the plugin.

Sandeep Kumar

Sandeep Kumar is a web consultant having experience of more than 9 years in website development, Brand Promotion, Digital Marketing and Social Media Marketer. Sandeep consults, develops, speak and write about building high quality web based solutions. He loves to interact with people and believe that communication is the key to success and helps to solve complex problems. He can be reached at sandeep@calipus.com

Leave a Reply