Гостей: 10- 07.12.2012 02:03
- jQuery и JavaScript
Кроссбраузерное добавление страницы сайта в закладки реализуется с использованием JavaScript. Для добавления страницы в Избранное браузеров Internet Explorer и браузеров, работающих на движке IE, вызывается стандартный метод AddFavorite. Однако здесь есть одна важная деталь. Если страница IE открыта как embedded-объект в другом приложении, например в плагинах или при использовании компонентов для работы с html, то объект window.external присутствует, но его метод AddFavorite не срабатывает. Это наиболее частая ошибка разработчиков, которые просто копируют код друг у друга без его понимания и тестирования. Также большой ошибкой будет использование на своем сайте только одного этого способа.
Браузеры на движке Gecko, такие как Firefox, Netscape, K-Meleon и другие, имеют объектwindow.sidebar и метод для добавления addPanel. Третий параметр метода недокументирован и является необязательным, поэтому в скрипте заменяется просто пустой строкой. Обратите внимание, что по умолчанию ссылка добавляется не совсем в закладки, а в боковую панель браузера. Для добавления страницы в нужную папку закладок выберите ее в выпадающем меню.
Для браузера Opera ссылка добавления в закладки должна иметь атрибут rel="sidebar". Но если этот атрибут ставить сразу по умолчанию, то некоторые браузеры типа Netscape будут отрабатывать функцию добавления в закладки дважды: первый раз через скрипт и второй раз через атрибут rel. Поэтому придется изменять атрибуты ссылки динамически, предварительно определив браузер проверкой типа объекта opera.
Если ни один из перечисленных способов не сработал, то не надо выдавать сообщение об ошибке или еще хуже, молча завершать выполнение скрипта. Будет гораздо правильнее показать пользователю доступный вариант решения задачи, например предложить вручную нажать комбинацию клавиш Ctrl+D.
Теперь, когда у нас есть все исходные данные, можно написать кроссбраузерный скрипт для добавления страницы в закладки. Чтобы не выносить скрипт в отдельный файл, открываем директорию /includes и в файле jscript.js в самом низу дописываем такой код:
* Add bookmark
***********************************************/
function add_favorite(a) {
title=document.title;
url=document.location;
try {
// Internet Explorer
window.external.AddFavorite(url, title);
}
catch (e) {
try {
// Mozilla
window.sidebar.addPanel(title, url, "");
} catch (e) {
// Opera
if (typeof(opera)=="object") {
a.rel="sidebar";
a.title=title;
a.url=url;
a.href=url;
return true;
}
else {
// Unknown
alert('Нажмите «Ctrl+D», чтобы добавить страницу в закладки');
}
}
}
return false;
}
Сохраняем, закрываем. В место, где необходимо вставить ссылку на добавление закладки, пишем следующий код:
На этом техническая часть закончена.
Информация к размышлению
Хотелось бы отметить два момента.
Первое: качественно оформить ссылку можно простейшими стилями HTML, обязательно добавив узнаваемый значек. Например, вот такой 
Второе: будет целесообразно вставлять эту ссылку на все страницы так же, как это делают с широко известными аддонами для закладок соцсетей. Для этого необходимо найти место для ссылки в используемой Вами теме в разделе /themes, либо в файлах "включения" из директории /includes.
На этом всё. Удачи в разработках! 
Статья добавлена 07.12.2012 в 05:26:10
Подготовлено для rusfusion.ru с использованием материалов из открытых источников.
- Печать
- 1 Комментарий
- 5202 Прочтений
| Поделиться этой статьей | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
- 5 (Отлично!) - 1 Голос
Рейтинг доступен только для пользователей.
Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.