Favicon access via JavaScript
Michael Mahemoff has released an update to his JavaScript library that gives you access to play with favicons from script.
The main point of this library is to update the favicon via Javascript, but at a higher level, its main objective is to provide some support for notifying the user of events in another tab. For example, if you start playing music in another tab, you can make a one-liner call to change the favicon to a sound. Or if you really need to alert the user, you can start animating it.
The new features include:
- Scrolling title. The window/tab title scrolls. (Title blink is coming. No, really!)
- Stop functions. unanimate() and unscroll() will stop animation and scrolling, respectively. Previously you had to do stop animation indirectly, by calling change().
- Rails/Scriptaculous style options Changed config to be fn(mainarg, optionalHash). Read the library or demo source to see the details.
Usage code:
-
-
favicon.change(“/icon/active.ico”, “new title”); // Cancels any animation/scrolling
-
favicon.change(“/icon/active.ico”); // leaves title alone. Cancels any animation.
-
favicon.change(null, “new title”); // leaves icon alone. Cancels any scrolling.
-
favicon.animate([“icon1.ico”, “icon2.ico”, …]);
-
favicon.animate([“icon1.ico”, “icon2.ico”, …], {delay: 500} );
-
-
// Tip: Use "" as the last element to make an empty icon between cycles.
-
// Default delay is 2000ms
-
// animate() cancels any previous animation
-
favicon.scrollTitle(“new title”);
-
favicon.scrollTitle(“new title”, { delay: 200, gap: “——”} )
-
-
// delay is delay between each scroll unit
-
// gap is string appended to title (default: " ")
-
// scrollTitle() cancels any previous scrolling
-
favicon.unscroll();
-
favicon.unanimate();
-
Check out a couple of demos:
This also caused Michael to talk about taking tabs seriously and how:
The browser is the new operating system, the tab is the new system process, the tab bar is the new taskbar.
He gives us a slew of ways in which he would like to see tabs improved upon: notifications, hunting sound, custom favicons, summary list, smart colour, javascript events, open forms, search, virtual desktop, and auto-remove.
