Как добавить в избранное, в закладки

ГлавнаяJava скрипты → Добавить в закладки

Предоставляю вашему вниманию уникальный JavaScript - Как добавить в избранное. Его уникальность заключается в том, что он кроссбраузерный, т.е. безотказно работает в основных браузерах (Internet Explorer, Mozilla FireFox, Opera и Google Chrome). В интернете подобные скрипты найти довольно тяжело, в основном это скрипты под отдельные браузеры, где вызов функции в других работает с ошибками, или вовсе не работает. Пример работы данного скрипта можете посмотреть, нажав вверху этой страницы на картинку "Сердце" - "Добавить в Закладки".

Для того, чтобы скрипт Добавить в Закладки функционировал, необходимо конечно сначала сделать себе сайт, а после чего добавить на все его страницы следущий код.

Вставляем на странице код JavaScript перед тегом </head>


<script>
 // Добавить в Избранное
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;
} 
</script>

Следующий Код html добавляем в нужное место страницы, где и будет отображаться "Добавить в Избранное"

<a href="#" onclick="return add_favorite(this);">Добавить в Закладки</a>

Всё готово, можете проверять!

В интернете большим спросом пользуется тема о всплывающих окнах, и в связи с этим я решил Вам преподнести уже готовый материал - всплывающие окна с пошаговой инструкцией, где будет рассмотрено и новые окна Windows, и всплывающие окна в модальном окне.

Поделись ссылкой с друзьями:

Комментарии к статье

Сергей 01-11-13

Спасибо большое!
давно искал что-то подобное!
а подскажите, кроме сердца можно сделать так чтоб отображалось что-то другое, галочка или плюс, например.

Admin 01-11-13

Да, конечно!
Это же обыкновенная ссылка и в данном случае она в виде картинки выглядит так:
<a href="http://my-sait.ru/" onclick="return add_favorite(this);" title="Добавить в Закладки"><img src="http://my-sait.ru/images/serdce.png" border="0" width="18px" height="18px" alt="" /></a>
Где в img src вы прописываете вашу любую картинку. Обязательно поменяйте название вашего сайта, ширину и высоту своей картинки.

Сергей 05-11-13

да да - я когда скачал и на сайт поставил сразу догадался, что там просто картинка....
извините за тупой вопрос -))

Сергей 10-12-13

А Вы не подскажите случайно - вот стоит у меня уже давненько это Ваш скрипт "Добавить в закладки"
под новый год решил себе поставить ещё один скрипт - падающие снежинки... поставил и Ваш скрипт перестал работать - в чём дело не пойму... может знаете как решить такую проблему???

Admin 10-12-13

Случайно подскажу!
Например одинаковые параметры в скриптах написаны, и как в стилях (Style.css) выполнение идёт от последнего.
А так же при разных значениях одного и то же параметра может не выполнятся один из скриптов.
И ещё один момент: попробуйте поменять местами, т.е. "В закладки" оставьте как есть перед тегом </head>, а "Снежинки" поставьте в самом конце тела перед </body>. Или потом поменяйте их наоборот местами. Я с такими проблемами сталкивался уже и такой метод иногда помогал.