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

25 декабря 2014 Антон Кулешов 1439 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
Sergey 10 августа 2017
Во всех современных браузерах разработчики убрали возможность программно (через javascript) добавлять страницу в закладки. Поэтому к сожалению на сегодняшний день этот код больше не работает. Хотя в прошлом работал.
no_avatar