Добавление в социальные закладки

[Shredder]

Что за мод установлен на Гуру? Поделитесь скриптом.

[HAMMER663]

думаю, это не мод.
попробовать выдрать из страницы

кнопка

Код: Выделить всё

<a id="btn-bookmarks" style="cursor: pointer"><img src="/templates/nx_guru/images/btn-bookmarks.png" alt="" title="В закладки" /></a>

вставить чуть ниже и в общем-то куда угодно))

Код: Выделить всё

	<div id="nx-bookmarks"></div>
	<script type="text/javascript">window.addEvent('load', function() {nx_bookmarks();});</script>

сама функция, вставлять куда-нибудь в forum_fn.js

Код: Выделить всё

// Social bookmarks
function nx_bookmarks() {

	if (!$('nx-bookmarks') || !$('btn-bookmarks')) return;

	var u = encodeURIComponent(location.href);
	var t = encodeURIComponent(document.title);
	var links = new Array(
		'http://twitter.com/share?text=' + t + '&url=' + u + '" title="Добавить в Twitter"',
		'http://www.facebook.com/sharer.php?u=' + u + '&t=' + t + '" title="Поделиться в Facebook"',
		'#" onclick="window.open('http://vkontakte.ru/share.php?url=' + u + '', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=200, top=200, width=554, height=421, toolbar=0, status=0'); return false" title="Поделиться В контакте"',
		'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=' + u + '&title=' + t + '" title="Добавить в Одноклассники"',
		'http://connect.mail.ru/share?url=' + u + '&title=' + t + '" title="Поделиться в Моем мире@Mail.Ru"',
		'http://www.livejournal.com/update.bml?event=' + u + '&subject=' + t + '" title="Опубликовать в ЖЖ"',
		'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=' + u + '&cntitle=' + t + '" title="Опубликовать в LiveInternet"',
		'http://share.yandex.ru/go.xml?service=yaru&url=' + u + '&title=' + t + '" title="Добавить в Я.ру"',
		'http://zakladki.yandex.ru/newlink.xml?url=' + u + '&name=' + t + '" title="Добавить в Яндекс.Закладки"',
		'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=' + u + '&title=' + t + '" title="Сохранить закладку в Google"',
		'http://memori.ru/link/?sm=1&u_data[url]=' + u + '&u_data[name]=' + t + '" title="Сохранить закладку в Memori.ru"',
		'http://bobrdobr.ru/add.html?url=' + u + '&title=' + t + '" title="Забобрить"',
		'http://www.mister-wong.ru/index.php?action=addurl&bm_url=' + u + '&bm_description=' + t + '" title="Сохранить закладку в Мистер Вонг"',
		'http://delicious.com/save?url=' + u + '&title=' + t + '" title="Сохранить закладку в Delicious"'
	);
	var titles = new Array (
		'Twitter', 'Facebook', 'В контакте', 'Одноклассники', 'Мой мир@mail.ru', 'LiveJournal', 'LiveInternet', 'Я.ру', 'Яндекс.Закладки', 'Закладки Google', 'Memori.ru', 'БобрДобр', 'Мистер Вонг', 'Delicious'
	);
	var html = '';
	for (i = 0; i < links.length; i++) {
		html += '<a style="display: block; height: 16px; float: left; margin: ' + (i == 0 ? '23px 0 0 20px' : '2px 0 0 20px') + '; padding: 0 0 0 24px; line-height: 1.4em" href="' + links[i] + ' target="_blank">' + titles[i] + '</a>';
	}
	$('nx-bookmarks').innerHTML = html;

	var bookmarks = false;
	var bookmarks_fx = null;
	var bookmarks_over = false;

	bookmarks_fx = new Fx.Style($('nx-bookmarks'), 'height', {duration: 300});

	$('btn-bookmarks').addEvent('click', function(e) {
		new Event(e).stop();
		if (!bookmarks) {
			bookmarks_fx.start(297);
			bookmarks = true;	
		}
		else {
			bookmarks_fx.start(0);
			bookmarks = false;
		}
	});	

	$('nx-bookmarks').addEvent('mouseenter', function() {bookmarks_over = true;});
	$('nx-bookmarks').addEvent('mouseleave', function() {bookmarks_over = false;});

	$(document.body).addEvent('click', function(e) {
		if (bookmarks && !bookmarks_over) {
			bookmarks_fx.start(0);
			bookmarks = false;
		}
	});
}

Добавлено спустя 47 секунд:
да простят меня админы. Аминь

[Shredder]

HAMMER663
Попробовал - не работает. даже не кликается

Clip_4.png

[HAMMER663]

упс... еще в стили надо добавить

Код: Выделить всё

/* Social bookmarks */
#nx-bookmarks {
	position: absolute;
	right: -3px;
	top: 31px;
	width: 172px;
	height: 0px;
	background: url(../images/bookmarks.png);
	z-index: 1;
	overflow: hidden;
}

не проверял. может что еще надо выдернуть

[Shredder]

HAMMER663
Стиль будет свой.
Это джумловские скрипты там подключаются. Короче нафиг. Я тут нашёл сайт - http://share42.com/ , там предлагается настроить под себя и скачать уже готовый скрипт, что я и сделал, убрал ошибки + переделал его немного под себя. Осталась одна непонятная хрень - при попытке отправить ссылку ВКонтакт почему-то обрезается часть заголовка: должно передаваться "Название темы • Название форума", а он вместо этого передаёт только "Название темы". Куда девается остальная часть - не понятно...
Я уже много раз проверял: здесь, на Гуру, и в Addthis'овских скриптах такой проблемы нету.

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

Вот часть кода для контакта, чтобы было проще:

Яваскрипт-переменные:

Код: Выделить всё

var u=encodeURIComponent(location.href);
var t=encodeURIComponent(document.title);

Сам код:

Код: Выделить всё

<a rel="nofollow" style="display:inline-block;width:16px;height:16px;margin:8px 2px 0 3px;background:url(http://www.ninjaturtles.ru/test/images/icons.gif) -16px 0" href="#" onclick="window.open('http://vkontakte.ru/share.php?url='+u+'', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=200, top=200, width=554, height=421, toolbar=0, status=0');return false" title="Поделиться в Контакте" target="_blank">[здесь иконка ВК]</a>

Добавлено спустя 27 минут 49 секунд:
Как ни странно, но помогло добавление переменной t в ссылку:

Код: Выделить всё

'http://vkontakte.ru/share.php?url='+u+'&title='+t+''

И всё же не ясно, почему здесь работает без этого.

[HAMMER663]

Shredder
я в этом не бум бум, но вот посмотри в эту сторону http://api.yandex.ru/share/
по мне так это лучше. хотя бы сервис яндекса внушает доверие)))

[t330]

Народ. Объсните пожалуйста как вставить кнопку "поделиться" с яндекса на свой форум 3 0 10
http://api.yandex.ru/share/doc/dg/tasks ... button.xml
чтобы она отображалась в каждом сообщении а не целиком на всей странице (как на скриншоте).
стиль сабсильвер2

Спасибо

[Татьяна5]

t330, вставить кнопки в viewtopic_body.html рядом с кнопкой email

Код: Выделить всё

<!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->

[t330]

30, вставить кнопки в viewtopic_body.html рядом с кнопкой email

Спасибо, вставил рядом с кнопкой email вот этот код

Код: Выделить всё

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug,gplus"></div> 

вот отсюда http://api.yandex.ru/share/

но все равно отсылка на страницу "вконтакте" происходит не на конкретное сообщение, а на всю страницу темы, как на скриншоте..
Как-то это можно вылечить или это только к разработчикам сервиса вопрос?

[Pazh]

Нужно хотя бы доку по тому что ставите читать: http://api.yandex.ru/share/doc/dg/conce ... ton-ov.xml

[t330]

Нужно хотя бы доку по тому что ставите читать: http://api.yandex.ru/share/doc/dg/conce ... ton-ov.xml

Спасибо конечно.... но это темный лес для меня.
Разобраться могу конечно, но придется недельку поботать куда эти параметры вставлять,а времени нет, поэтому и спросил "знающих людей".

[Pazh]

Тяжелый случай...
В блоке найти подстроку

Код: Выделить всё

<div class="yashare-auto-init"

после него вставить

Код: Выделить всё

data-yashareLink="{postrow.U_POST_URL}" data-yashareTitle="{postrow.MESSAGE}"

во viewtopic.php
найти

Код: Выделить всё

'U_PROFILE'		=> $user_cache[$poster_id]['profile'],

перед добавить

Код: Выделить всё

'U_POST_URL'		=> generate_board_url() . '/viewtopic.php?p='.$row['post_id'].'#p'.$row['post_id'],

Код не проверялся и возможны проблемы с сообщениями в которых есть двойные кавычки. Если делать совсем красиво то кури пример с указанной выше ссылки

[t330]

Код не проверялся и возможны проблемы с сообщениями в которых есть двойные кавычки.

Действительно криво работает если в сообщении есть двойные кавычки...
Двойные кавычки есть в сообщениях содержащих цитату...

[С новым годом]

Помогите плиз разобраться,

Когда нажимаю "поделиться", то ссылка выглядит примерно так:
"НАЗВАНИЕ ФОРУМА • Просмотр темы - Название темы http://site.ru/phpBB3/viewtopic.php?f=1&t=4321"
как убрать слова/символы "Просмотр темы -" ?
чтобы стало так "НАЗВАНИЕ ФОРУМА • Название темы http://site.ru/phpBB3/viewtopic.php?f=1&t=4321"
так как например в твиттере всего 140 символов, нужно экономить пространство.

и 2й вопрос - судя по тому как "Поделиться" работает в WordPress, то при шере вКонтакт и Фейсбук,
в поле "текст" появляется тот текст, который прописан в теге META
Как можно прописывать META теги в топиках phpBB3?

[anton-logom2]

С новым годом, по первому вопросу FAQ посмотреть не судьба? Вот это к примеру:http://www.phpbbguru.net/community/topic17639.html

ЗЫ Ну и ники люди придумывают!