Favicon access via JavaScript
Date : 2008 01 31 Category : Tech & Development
Ajaxian
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:
PLAIN TEXT JAVASCRIPT: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:
Scrolling Favicon Demo Scrolling Favicon LibraryThis 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.