Thursday, September 16, 2010

Adding tasks to pinned websites in IE9















In windows 7 a JumpList is a list of actions that are displayed when you right click an Icon on your taskbar. These JumpLists have been available to native application developers for a long time but IE9 beta is the first browser that exposes them for use by web developers.

Now if we want to add Jump list commands we need to add a few meta Tags:

The first meta tag has 2 attributes, name and content. The name attribute should have the value “application-name” the content attribute should contain the name of the website as you want it to appear on the JumpList.

For each task you would like on the JumpList you need to add a meta tag. I have added 3 tasks: Archive, LinkedIn and Twitter.

Each meta tag will need 2 attributes. The name attribute and the content attribute.

The name attribute needs to contain the value “msapplication-task”.

In the content attribute you need to add a string value in the following format: “name={NAMEVALUEHERE};action-uri={ACTIONURLVALUE};icon-uri={ICONURLVALUE}”

Below is a list of the three values that the content string will need to contain:

  • name - Which is the name of the link that will be shown on the JumpList
  • action-uri – Is the url that the user will be sent to when they click on the JumpLIst task
  • icon-url – Is a link to a fav icon that will appear on the left hand side of the JumpList Name.

Once you create your meta tags and put them in between the head tags in your document you have successfully implemented JumpLists.