Наверняка на многих сайтах вы видели кнопку «Добавить в избранное» и у вас мог возникнуть вопрос, как реализовать у себя в проекте такой же функционал.
Сам принцип добавления очень прост. В самом начале нам стоит получить адрес и заголовок страницы, а затем через конструкцию 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>
После всех этих действий посетители смогут с лёгкостью добавлять страницы вашего сайта к себе в закладки.