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

25 декабря 2014 Антон Кулешов 1279 0

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

Реклама

Сам принцип добавления очень прост. В самом начале нам стоит получить адрес и заголовок страницы, а затем через конструкцию 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>

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

Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

Кнопки социальных сетей

28 мая 2016 Антон Кулешов

Приветствую, читатели falbar, сегодня мы рассмотрим одну простенькую JavaScript библиотеку sharer для добавления кнопок социальных сетей. Большой плюс этого скрипта заключается в том, что в нём реализована функция «поделиться» более чем для 20 социальных сетей.

Как быстро найти и скачать нужные драйвера

18 июля 2014 ti1schweiger

Совсем недавно столкнулся с проблемой: найти и скачать драйвера для ноутбука HP. Модель была относительно новая с предустановленной восьмеркой, после сноса её и установки Windows 7 добрый десяток устройств отказались адекватно работать из-за отсутствия необходимых драйверов.

Набор из 14 вкладок HTML

5 февраля 2016 Антон Кулешов

Сегодня я расшарил набор из 14 видов различного дизайна вкладок на HTML, все их можно и нужно посмотреть в материалах демо. Вкладки написаны при помощи CSS3 и с незначительным использованием JavaScript. Прикрепляем файл со стилями и скриптом к себе в проект или просто выдираем нужные куски копипастом.