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

25 декабря 2014 Антон Кулешов 1245 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
Читайте далее

Сортировка рубрик в WordPress

9 февраля 2016 ti1schweiger

Работая над блогом на Вордпрессе, столкнулся с проблемой – в WordPress отсутствуют штатные средства сортировки рубрик, т.е. рубрики выводятся по дате добавления и изменить этот порядок средствами голого движка нельзя. Вариант лезть в базу данных и выставлять порядок вручную отметается сразу – блог развивается, а за каждую рубрику копаться в базе – это не дело.

Плавная кнопка прокрутки «Наверх»

19 ноября 2014 Антон Кулешов

В этой статье я хочу уделить внимание такому вопросу: как сделать кнопку прокрутки «Наверх»? После прочтения вы получите готовый скрипт, который без труда установите себе на сайт.

Набор русских шрифтов – верстайте и радуйтесь

20 октября 2015 Антон Кулешов

При верстке очередного макета, нередко приходится поломать голову над шрифтами. Зачастую, дизайнеры могут использовать несколько замысловатые шрифты, которые в фотошопе и смотрятся привлекательно, но из-за различий в интерпретации в браузере выглядят совсем не так, как того хотелось бы. Не раз я сталкивался с ситуацией, когда красивый рубленый шрифт браузер превращал в набор тонких рисок, результат получался практически нечитаемым. Кроме того, огромные проблемы могут возникнуть с подбором кириллических шрифтов, которых не так много. Думаю, каждый верстальщик, сталкивающийся с данной задачей, обладает своим набором ссылок на сопутствующие сайты, я же хочу уделить внимание интересному сервису fonts4web, где не только можно найти русские шрифты, но и сразу опробовать у себя в проекте.