Главная JavaScript

jQuery-cкрипт «Добавить в закладки»

Данный скрипт - это усовершенствованная версия JS-скрипта "Добавить в закладки", который я представил читателям более года назад. Прежде всего хочу поблагодарить Женю Самборского за то, что помог мне его "добить". Скрипт уже давно был почти готов, но одна деталь не давала мне его выложить на ...

Комментарии (135)

  1. Dimox, спасибо! работает.

  2. Ну вот, у -ED-а тоже такое случилось :) Нужно в первом предложении писать, что вся эта красота будет работать только в том случае, если установлен фреймворк (и ссылку на пост) ;) А то я тоже не сразу допер, чайник-кофейник… :)) Кстати, у меня заработало, спасибо! Но. Первая картинка в массиве не показывается. 100закладок и бадабаду фоном что-то отказывается показывать. Код вроде посмотрел, в меру своих сил, файлы на месте. Что за фигня может быть?

  3. на ховер показывает, но только работает на клик. недочет.

  4. 1) Не получается победить возникшую полоску, хоть в css и указан маргин. Глянуть можно на сайте в районе нижнего меню. Что делать?
    2) Было бы круто чтоб еще и в обычные закладки браузера добавлять можно было. Не планируете реализовать?
    3) А так спасибо! Лучше «одной кнопки» точно ;)

  5. А можно сделать, чтобы список закладок выпадал вверх, а не вниз? Для того, чтобы поместить ссылку на добавление в закладки в футере.

  6. Dimox, еще не проверил как работает, но мне кажется — ты бог :)

  7. Спасибо большое за скрипт, установился без проблем, все супер, спасибо !

  8. Установил ваш скрипт на своем блоге, но у меня не все так прекрасно…
    В ИЕ7 при подведении мышки выпадает список нормально только не отображаются иконки сайтов
    В FireFox при подведении мышки выпадает только часть от всех закладок (остальные перекрыты следующим постом) и тоже без отображения иконок
    В Опере при подведении мышки выпадает только часть от всех закладок также как в FireFox, но иконки отображаются нормально

    Как исправить эту ошибку, чтобы все отображалось корректно

    • Такое поведение связано с особенностью верстки вашего блога.

      Причина в частичном отображении — у блока .content стоит свойство overflow: hidden, поэтому та часть выпадушки, которая попадает на нижеследующий пост, скрывается. Поэтому данной свойство, по идее, нужно удалить. Но не исключено, что в результате может появится какой-нибудь другой баг в верстке.

      На счет иконок — у меня везде, в том числе в ИЕ7 и FF отображаются.

  9. Да после написания написания пути к картинкам в абсолютном формате иконки стали отображаться нормально)
    Убрал из стилей строчку overflow: hidden и все теперь работает прекрасно и стиль вроде не перекосило)
    Спасибо за помощь!

  10. Напись «Добавить в закладки» появилась, а при наведении мыши или клике ничего не происходит. В чем косяк? :(

  11. Подключил через а не и заработало. Почему? :)

  12. Брр. Сорри, что наспамил, но то подвисло и продаблилось, а то код обрезался.
    Еще раз:

    подключил не через

    <?php wp_enqueue_script ('jquery'); ?>

    а через

    <script type="text/javascript" src="https://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

    и только тогда заработало. Почему? Ведь у меня WP

  13. Еще почему-то иконки показывает только на главной, а вот на любой другой странице выводит только список социалок без иконок. Странна :(

  14. Сейчас тоже делаю закладочник на jQuery для своего блога, уже правда пости все сделал, и наткнулся вот на этот пост, уже скачал, посмотрю как это сделано у вас, думаю найду что-то инетресное в вашем варианте. Себе делаю не универсальный, а для конкретного блога, кода всего несколько строчек, картинки сделал спрайтами, себе любимому 1 раз не жалко). А исходный код php закладочников, действительно, порой приводит в ужас. Идею я взял из плагина «Add to Any: Share/Bookmark/Email Button», выглядит на самом деле здорово! Но что-то тут упростил, там упростил, решил что это и то мне не нужно, и сделал небольшой закладочник.
    В вордпресс jQuery скрипт более правильно подгружать так:

    <?php wp_enqueue_script( 'jqsocial.js', '/wp-content/themes/alexpts/js/jqsocial.js',array('jquery'),'1.0); ?>

    где, соответствено, путь у скрипту указываем свой, а писать:

    <?php wp_enqueue_script('jquery'); ?>

    не нужно, jQuery подгрузится автоматически.

    Посмотрел ваш скрипт, наверное сейчас делаю спрайт, убираю/добавляю нужные мне сеовисы закладок и привинчиваю к сайту этот скрипт)). В любом случае спасибо!

  15. У меня FF 3.5.2 закладки на этой странице не вывалитваются, а на той что в примере нормально работают.

  16. У меня строка Добавить в закладки в кодировке utf отображается, а сам сайт в win 1251
    Подскажите что нужно изменить кодировку?

  17. Спасибо. теперь все работает.

  18. Подскажите, как сделать надпись «Добавить в закладки» по левому краю.

  19. Dimox, подскажи плз, а обязательно подгружать jquery-1.3.2.min.js от jqueryjs.googlecode.com или можно этот js сохранить и в свою директорию на сервант кинуть и сделать подгрузку от себя?

  20. Dimox, спасибо за полезный сервис! Хотелось бы еще один маленький нюанс уточнить. Я использую свою CMS. Копирую содержимое из jqsocial. js в свой .js далее содержимое jqsocial. css в свой style. css все ок. Потом остается как раз jquery-1.3.2.min.js может его содержимое так же можно импортировать в свой .js туда же куда я скопировал jqsocial. js или такой вариант не пройдет? Просто не хотелось бы его отдельно в header. php выводить. Можно конечно его поставить в то место где будут закладки, пример:

    <sсript typе="text/javascript" src="domen.ru/js/jquery-1.3.2.min.js"></sсript>
    <sсript typе="text/javascript">jqsocial (encodeURIComponent ('$link'), encodeURIComponent ('$title'))</sсriрt>

    Но тоже как-то он там не особо вписывается имхо :(может еще какой-либо вариант возможен, типа

    <? include ('jquery-1.3.2.min.js'); ?>

    или другой какой?