Browser Title Bar Notification Plugin with jQuery - Titlealert

Tabalert is a tiny jQuery plugin used to flash browser title bar with custom text for notification purpose.

You can set the plugin to flash the title bar when the user is not viewing your website.

See also:

• jQuery Plugin For Dynamic Page Title and Favicon - I Miss You
• jQuery Animated Favicon Notification Plugin - Notify Better
• Change Page Title When Switching Browser Tabs - Funtabify
• Animated Notifications In Webpage Title – TitleNotifier.js
• Blinking Browser Title Notification with Pure JavaScript – blinkTitle.js

Basic usage:

1. Include the jQuery tabalert plugin after loading jQuery JavaScript library.

<script src="jquery.js"></script>
<script src="jquery.titlealert.js"></script>

2. Flash the title bar with custom text until your website gets focused again.

$.titleAlert('I Miss You');

3. Default plugin settings.

$.titleAlert('I Miss You',{

  // The flashing interval in milliseconds
  interval: 500,

  // Time in milliseconds that the original title is diplayed for. 
  // If null the time is the same as interval.
  originalTitleInterval: null,

  // The total lenght of the flashing before it is automatically stopped. 
  // Zero means infinite.
  duration:0,

  // If true, the flashing will stop when the window gets focus.
  stopOnFocus: true,

  // If true, the call will be ignored unless the window is out of focus.
  requireBlur: false,

  // If true, the flashing will stop when the document recieves a mousemove event 
  // (i.e. when the user moves the mouse over the document area, regardless of what window is active).
  stopOnMouseMove: false
  
});

Changelog:

2020-07-30

• Update jquery.titlealert.js

---

This awesome jQuery plugin is developed by heyman. For more Advanced Usages, please check the demo page or visit the official website.