Add to Favorites (IE) / Bookmark (Firefox) Javascript

Bookmark on del.icio.us

Most web browsers like Firefox (Ctrl+D), Opera (Ctrl+T) and IE (Ctrl+D) provide keyboard shortcuts to enable users bookmark their favorite pages.

But not every visitor is a power user, so for them, you can add a quick “Bookmark this page” link in all your pages. Clicking on the link prompts the user with a dialog box to add the specified URL to the Favorites list.

The javascript code mentioned on IE MSDN page doesn’t work in other browsers.
window.external.AddFavorite(location.href, document.title);

The following modified version of “Add to Favorites” javascript code works across IE, Mozilla Firefox and Opera Browsers. Template Tags for Blogger, Movable Type and WordPress platform are commented.

<script language="JavaScript1.2" type="text/javascript">
 function CreateBookmarkLink() {

 title = "Webpage Title";
  // Blogger - Replace with <$BlogItemTitle$>
  // MovableType - Replace with <$MTEntryTitle$>

 url = "Webpage URL";
  // Blogger - Replace with <$BlogItemPermalinkURL$>
  // MovableType - Replace with <$MTEntryPermalink$>
  // WordPress - <?php bloginfo('url'); ?>

	if (window.sidebar) { // Mozilla Firefox Bookmark
		window.sidebar.addPanel(title, url,"");
	} else if( window.external ) { // IE Favorite
		window.external.AddFavorite( url, title); }
	else if(window.opera && window.print) { // Opera Hotlist
		return true; }
 }

 if (window.external) {
  document.write('<a href =
     "javascript:CreateBookmarkLink()");">Add to Favorites</a>');
  } else  if (window.sidebar) {
  document.write('<a href =
    "javascript:CreateBookmarkLink()");">Bookmark Page</a>');
 } else if (window.opera && window.print) {
   document.write('<a href =
     "javascript:CreateBookmarkLink()");">Add Bookmark</a>');
 }
</script>

If your audience are visiting the site from a different web browser or if javascript is not supported , the bookmark link is not displayed.

  1. No comments yet.

  1. No trackbacks yet.