Показать Меню
falbar Добавить в избранное

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

Добавить в избранное

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

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

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

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

<script type="text/javascript">
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;
};
</script>

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

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

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

Подписаться на обновления

Shuhrat Gubaydulin
Shuhrat Gubaydulin 7 ноября 2016 в 18:28
Классно! Всё работает!
Ответить