falbar Кнопка «Добавить в избранное» на JavaScript

Кнопка «Добавить в избранное» на JavaScript

25 декабря 2014 3489 1

Наверняка на многих сайтах вы видели кнопку «Добавить в избранное» и у вас мог возникнуть вопрос, как реализовать у себя в проекте такой же функционал.

Реклама

Сам принцип добавления очень прост. В самом начале нам стоит получить адрес и заголовок страницы, а затем через конструкцию try - catch проверить поддержку методов AddFavorite(), addPanel() (для оперы нужно прописать отдельно код) у браузера. Если эти методы не поддерживаются, то останется вывести сообщение, чтобы пользователь нажал комбинацию клавиш «Ctrl+D».

В этой статье мы рассмотрим функцию addBookmark(), которая отвечает за добавление в закладки. Она принимает три параметра: el, url, title. Обязателен для указания только первый, все остальные будут получены автоматически (если не указать).

Поместите функцию между тегами head:

function addBookmark(el, url, title){

   if(!url){

       var url = document.location;
    };

  if(!title){

     var title = document.title;
 };

  try{

        window.external.AddFavorite(url, title);
    }catch(e){

      try{

            window.sidebar.addPanel(title, url, "");
      }catch(e){

          if(typeof(opera) == "object" || window.sidebar){

              el.rel   = "sidebar";
             el.title = title;
               el.url   = url;
             el.href  = url;

             return true;
            }else{

              alert("Нажмите Ctrl-D, чтобы добавить страницу в закладки");
          };
      };
  };

  return false;
};

и добавьте кнопку:

<a href="#" onclick="return addBookmark(this);">Добавить в избранное</a>

После всех этих действий посетители смогут с лёгкостью добавлять страницы вашего сайта к себе в закладки.

Реклама
Sergey
10 августа 2017
Во всех современных браузерах разработчики убрали возможность программно (через javascript) добавлять страницу в закладки. Поэтому к сожалению на сегодняшний день этот код больше не работает. Хотя в прошлом работал.
no_avatar