Ryan's District Boards

Computer, programming, and webmaster help , support , tips and tricks => Tutorials Zone! => Internet webmaster computer programming technology tips and tricks => Java Script Tutorials => Topic started by: ben2ong2 on October 04, 2006, 04:19:41 AM

Title: Creating Add to Favorites link and script in JavaScript
Post by: ben2ong2 on October 04, 2006, 04:19:41 AM

Do you see an "Add to Favorites" lin on the right of this page? When you click on this link, the "Favorites" window pop-ups asking if you would like to add the site to the list.

Let us first see the advantages of adding such a link:
If visitors really like your site, they can easily add it to their favorites list through the normal process - Under Internet Explorer, click on the "Favorites" menu item and then on "Add to Favorites...".
However, they might just forget about this or they just might feel lazy (...you now what I mean). If you have an "Add To Favorites" link, you not only remind the visitors of the favorites folder but also prompt them to add your site and this just takes one click.

Here we use a little JavaScript and tie it up to the HREF tag of the link and here is the JavaScript function code:

function addfav()
   {
   if (document.all)
      {
      window.external.AddFavorite
      ("http://www.webdevelopersnotes.com","WebDevelopersNotes")
      }
   }
Note: The javascript statement "window.external.AddFavorite(..." should be a single line

The part in red color in the above code is the URL and the blue is the Name you want to give to the link.


The function can be placed inside the document head or an external .js file and will be called from the link as:

<A HREF="javascript:addfav()">Add To Favorites</A>
This creates a link like - Add To Favorites