аватар |

Статьи / JavaScript /

Как добавить сайт в закладки избранное? JavaScript

Тема очень популярная. Сервисы с созданием он-лайн закладок пользуются популярностью, но давайте попробуем решить задачу. Не будем использовать сторонний сервис, а решим данную проблему на сайте. В итоге посетитель, нажав на ссылку, сможет добавить сайт в закладки (аналогично Ctrl+D и тп).

Как добавить сайт в закладки (избранное)? Используем JavaScript


Создаём файл с названием bookmark.js. В него вставляем указанный ниже код.

Код JavaScript (файл bookmark.js)

function AddToBookmark(a)
{
   var title = window.document.title; // запоминаем заголовок активной страницы/вкладки
   var url = window.document.location; // адрес тоже запоминаем
 
   if (window.sidebar) {  // такой объект есть только в Gecko 
      window.sidebar.addPanel(title, url, ""); // используем его метод добавления закладки
   }
   else if (typeof(opera)=="object") {  // есть объект opera?
      a.rel="sidebar"; // добавлем закладку, смотрите вызов функции ниже
      a.title=title; 
      a.url=url; 
      return true; 
   }
   else if(document.all) {  // ну значит это Internet Explorer
      window.external.AddFavorite(url, title); // используем соответсвующий метод
   }
   else {
      alert("Для добавления страницы в Избранное нажмите Ctrl+D"); // для всех остальных браузеров, в т.ч. Chrome
   }
 
   return false;
}

Ну и чтобы скрипт заработал, достаточно подключить файл bookmark.js и вставить ссылку с js, которая при клике вызывала бы работу скрипта.

Код HTML

<html>
 <head>
  <title>Пример работы Добавления вкладок</title>

  <!-- Подключаем скрипт. Путь к файлу(src=): js лежит в ТОЙ же папке, что и html -->
  <script type="text/javascript" src="bookmark.js"></script>

</head>

<body>

  <a href="" onclick="return AddToBookmark(this);">Добавить ссылку в избранное</a>

</body>
</html>

На самом деле я бы рекомендовал остановиться на этом варианте. Второй я предложу уже больше ради разнообразия, поскольку в нём есть свои проблемы.

Как добавить сайт в избранное? Второй вариант


Раньше функция работала только в Internet Explorer, а после правок в HTML 5 работает в Opera и Mozilla, но не во всех версиях IE и Chrome.

Перед закрывающим тегом head вставляем

<script>
function addYoursite() {
if (document.all) window.external.addFavorite('http:/yoursite.ru', 'Сайт yoursite.ru');
}
</script>


Только соответственно меняем yoursite.ru на адрес Вашего сайта.

А в body делаем ссылку

<a href="http:/yoursite.ru" rel="sidebar" onclick="addYoursite()">Добавить в избранное</a>


И соответственно тоже меняем yoursite.ru на адрес Вашего сайта.

Готово. Проверяем.
 



Распечатать
Похожие статьи
09 апреля 2015 11:17 Как запретить ввод определённых символов или произвести их замену в поле или textarea JS?
18 сентября 2013 12:28 Исчезающий текст в поле input и textarea на JavaScript
30 сентября 2013 12:27 Асинхронная загрузка изображений на сервер (скрытый IFRAME)
11 мая 2017 12:26 Как открыть изображение в новом окне?
31 января 2013 14:07 Как добавить комментарии от vk.com (ВКонтакте) к себе на сайт?


Комментарии к статье (vk.com)