Channel 9

Try it out!

This demo shows the use of thumbnail preview buttons for interacting with the content of a web site without having to display the browser and jumplist tasks to access podcast categories.

Internet Explorer 9 Site Mode provides a simple JavaScript API to add thumb bar buttons in the Windows 7 thumbnail.

1. Attach a listener to the "msthumbnailclick" event.

document.addEventListener('msthumbnailclick', onButtonClicked, false);

2. Add the thumb bar button(s). The JavaScript function will return the button ID.

var btnPlay = window.external.msSiteModeAddThumbBarButton(iconUri, toolTip);

3. Show the thumb bar.

window.external.msSiteModeShowThumbBar();

4. Respond to a thumb bar button click event.

function onButtonClicked(e) {
    switch (e.buttonID) {
        case btnPlay:
            play();
            break;
        }
}