Как добавить сайт в закладки избранное? 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 на адрес Вашего сайта.
Готово. Проверяем.