Главная › JavaScript

Плавающая панель «Добавить в социальные сервисы»

603 комментария

Плавающая панель «Добавить в социальные сервисы»

Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...

Смотрите также

Добавляем кнопку «Google +1» в панель от Share42.com

68 комментариев

На своем другом блоге я недавно объяснил, почему в данный момент кнопка «Google +1» не может быть добавлена в моем сервисе Share42.com, о чем все просят. Однако прямо сейчас на данном блоге вы можете наблюдать, что кнопка «Google ...

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

135 комментариев

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

Скрипт для плавной прокрутки на верх страницы (на JavaScript и на jQuery)

66 комментариев

Предлагаю вашему вниманию скрипт, который плавно прокручивает страницу наверх при клике на соответствующую ссылку. Я сделал 2 варианта: на чистом JavaScript и на jQuery. Выбирайте тот, который вам больше по душе. Вариант на JavaScript Можно посмотреть готовый ...

Красивые всплывающие подсказки с помощью jQuery

144 комментария

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

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

  1. Kismedia
    13 лет 6 месяцев назад

    Dimox, спасибо Вам за полезный и интересный сайт, уже давно его посещаю и мною было использовано большое количество вашего материала. Тоже, как и Вы занимаюсь веб-разработкой, полностью разделяю Ваш пост «Как, не будучи программистом, я умудряюсь создавать плагины для WordPress», аналогичная ситуация и у меня, так что мы с Вами в чем-то похожи.
    Ну, собственно по теме «Плавающая панель» :
    Панель безусловно интересное и оригинальное решение «добавления в закладки».
    Сделал небольшие корректировки, результат здесь.
    Что было сделано:
    Добавил несколько дополнительных кнопок (Подписка по RSS, Подписка по почте, Добавить в закладки браузера, Яндекс закладки и Liveinternet).
    Кнопки пришлось рисовать, дорисовывать самому.
    Так же не большая поправка в коде:
    Дело в том что для панели соцзакладок важно было получение именно текущей страницы (допустим rss подписка идет именно на текущую рубрику, а не на весь блог), в случае если мы находимся, допустим в категории, то в закладки будет добавлена не категория, а первый пост на странице, поэтому the_permalink () был заменен на $_SERVER["REQUEST_URI"] и аналогично с title. Думаю Вы меня поняли.
    В итоге код вывода у меня такой:

    <script type="text/javascript">socializ(encodeURIComponent('http://kismedia.ru<?php echo $_SERVER["REQUEST_URI"]; ?>'),encodeURIComponent('<?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); }
 else { wp_title('',true); } ?>'))</script>

    Можете проверить работу на странице примера. Если это окажется полезным, пишите, отправлю исходники.
    Спасибо!

  2. Archil
    13 лет 6 месяцев назад

    МОжет я не в тему, а можно сделать такой же, но только горизонтальный и чтоб он был в конце статьи?

  3. sweatego
    13 лет 6 месяцев назад

    Скажите пожалуйста, как сделать такое на ДЛЕ, чтобы как на ВП при нажатии на иконку и переход на сервис, сраз же отображалась название статьи, тоест, на ВП это функция, а какая на ДЛЕ?

  4. InCERT
    13 лет 6 месяцев назад

    Решение для друпал 6x

    В page.tpl.php

    <script type="text/javascript">socializ(encodeURIComponent('http://www.SITE-URL.ru<?php if ( (arg(0) == 'node') && is_numeric($nid = arg(1)) ) {echo url('node/'.$nid); } ?>'),encodeURIComponent('<?php $title ?>'))</script>

    Домен поправить не забудьте

    http://www.SITE-URL.ru

    на свой, пробела после не нужно закрывающего слеша тоже.

  5. Евгений
    13 лет 6 месяцев назад

    Здравствуйте! Установил панель всё работало, но начал дальше настраивать блог и переключился на ЧПУ ссылки после этого панель видна, но картинки не показываются, попробовал переписать путь до картинок, ничего не изменилось… В чем причина?

  6. Mazdov
    13 лет 6 месяцев назад

    не работает с lightbox2… жесть

  7. DEnis
    13 лет 6 месяцев назад

    Подскажите пожалуйсто, как эти закладки сделать не вертикально, а горизонтально?

    Спасибо.

  8. sweatego
    13 лет 6 месяцев назад

    что никто не может подсказать, как такое реализовать на ДЛЕ (DLE)?

  9. Иван
    13 лет 6 месяцев назад

    Спасибо, хороший скрипт. У меня сайт на HTML с шаблоном, поэтому дописывать на каждую страницу в код Ссылку на статью и Название статьи несколько трудоемко. Поэтому сделал так

    <script type="text/javascript">socializ (encodeURIComponent (location.href), encodeURIComponent (document.title))</script>

    Все отлично работает во всех браузерах, кроме IE8. Интересно почему?

  10. Иван
    13 лет 6 месяцев назад

    И еще вопрос — не сочтите за назойливость.
    Добавил в Ваш скрипт еще одну кнопочку внизу Перейти на главную страницу сайта. Как сделать так, чтобы все остальные кнопки работали как и прежде, а при нажатии на эту главная страница сайта открывалась в том же, а не в новом окне.

  11. Denisido
    13 лет 6 месяцев назад

    Я не читал комменты для этой темы, но могу сказать следущее, посмотрел мельком код и решил немного подправить автора). Если у вас на выходе 1 и тот же заголовок (или что у вас там, к чему вы приклепляете код) на всех страницах, то можно написать так:
    socializ (encodeURIComponent (location.href), encodeURIComponent ('текст к чему приклепляете'))

    Функция location. href автоматом определяет адрес текущей страницы и поэтому не нужно каждый раз ее прописывать)))
    Всем удачи!

  12. NIK
    13 лет 6 месяцев назад

    Спасибо!)) Можете посмотреть! Заработай на своем таланте!
    Проблемка с изображениями была:) Указал прямую ссылку на папку с изображениями и заработало:)

  13. Ильмир
    13 лет 6 месяцев назад

    Спасибо за статью. А вот можно сделать полосу снизу? вроде только на css писалось. забыл.

  14. Станислав
    13 лет 5 месяцев назад

    Нет ли решения для Social Engine?

  15. Михаил
    13 лет 5 месяцев назад

    Здраствуйте Дмитрий думаю что ваш скрипт лучший и поэтоме очень хочу его установить на seet. tv пример 2-й,
    просмотрел все коментарии,
    переместил папку с картинками в public_html/socializ-floating-panel/i
    указал пути с http:
    seet.tv/socializ-floating-panel/i/
    http://seet.tv/socializ-floating-panel/socializ.js
    удалил feedburner, и предыдущую версию «Добавить в закладки»
    екран большой,
    Возможно конфликт с другими скриптами, но тут без помощи не обойдусь

  16. Михаил
    13 лет 5 месяцев назад

    Спасибо большое даже не верится, что смог так натупить

  17. Валера
    13 лет 5 месяцев назад

    В общем решил вопрос с тем, что бы горизонтально после текста была панелька из примера № 3
    Зайдите — поддержите Меня ;) блог который надо поддержать ;)

    node.tpl.php, а не в page. tpl

    <?php if ( (arg(0) == 'node') && is_numeric($nid = arg(1)) ) { ?>
        <script type="text/javascript">socializ(encodeURIComponent('http://blog.kh.ua<?php if ( (arg(0) == 'node') && is_numeric($nid = arg(1)) ) {echo url('node/'.$nid); } ?>'),encodeURIComponent('<?php if ( (arg(0) == 'node') && is_numeric($nid = arg(1)) ) {echo $title; } else { print $site_name; } ?>'))</script>
<?php
}
?>

    ЗЫ:
    добавил статейку на тему соц закладок

  18. Макс
    13 лет 5 месяцев назад

    добавил все как нужно, но почемуто вот что получилось:
    blog.infernotiv.com

  19. Сергей Луконин
    13 лет 5 месяцев назад

    Штука отличная, но вот как этот скрипт научить правильно обрабатывать ковычки в названии статей…

    Для твиттера я сделал такую вещь:

    '<a href="http://create.awe.sm/url/share?version=1&target=' + u + '&share_type=twitter&create_type=backtype-tweetcount&api_key=5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda&destination=http://twitter.com/home/?status=' + t + ' AWESM_TARGET' + '" title="Добавить в Twitter"><img src="' + f + 'twitter.png" alt="" /></a>' +

    В итоге, как только скрипт доходит до кавычки, работа прекращается, в статус твиттера кидается только то, что успело попасть до кавычек.
    Как-то можно решить проблему? Нет желания ставить обратно отдельный плагин для одного лишь твиттера…

  20. wertock
    13 лет 5 месяцев назад

    Вот теперь всё отлично встало, спасибо за скрипт.