EN в Twitter EN В Контакте EN в Facebook
RSS 2.0
Домен: https://kurgan.en.cx/ (владелец домена: Мелкий-45) Спрятать аватары
Модераторы форума: Мелкий-45
На страницу: 
1  2

Кнопка "Это интересно"

13.01.2011 18:23:29 / 36 сообщений / автор темы Creadome .

Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 18:23:29 (UTC +5), ulan.en.cx ]  
Сделал простой скрипт для автоматического добавления кнопки "Это интересно" ("Мне нравится") из Вконтакта к анонсам игр на главной странице.

1. https://vkontakte.ru/developers.php?o=-1&p=Like - получаем код виджета.
2. в шапку домена вписываем:

<script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
<script type="text/javascript">
VK.init({apiId: #ваш_ID#, onlyWidgets: true});
</script>

3. добавляем к себе функцию (YOURDOMANE заменить на название своего домена):

function YOURDOMANE_vk_like() {
$('span[id*=lblGameNum]').each(function(){
YOURDOMANE_vk_game_num = parseInt($(this).text());
YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text();
YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href');
$(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>');
VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, {
type: 'button',
verb: 1,
pageTitle: YOURDOMANE_vk_game_txt,
pageUrl: YOURDOMANE_vk_game_url,
pageDescription: 'Encounter - международная сеть активных городских игр'
});
});

4. вызываем на главной странице:

<script type="text/javascript">
$(document).ready(function(){ YOURDOMANE_vk_like(); });
</script>

5. стили по вкусу:

.YOURDOMANE_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.clear { clear: both; }

Пример - https://ulan.en.cx/

Передается название игры, ссылка на детальную страницу и title Энки.
Надеюсь - пригодится.
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 18:25:35 (UTC +5), ulan.en.cx ]  
В итоге должно получится так:

1.png

Капитан
Мальчик
(
)
Аттестат
[ 13.01.2011 18:35:17 (UTC +5), nikquestua.en.cx ]  
спасибо, очень интересно и полезно!
Подполковник
(
)
Аттестат
[ 13.01.2011 18:40:34 (UTC +5), en.cx ]  
во! сам победил, а я забыл (
Капитан
Аттестат
[ 13.01.2011 18:42:06 (UTC +5), myxep.en.cx ]  
спасибо :) завтра запилю :)
Лейтенант
Мальчик
(
)
Аттестат
[ 13.01.2011 18:55:48 (UTC +5), sm.en.cx ]  
А можно для особо одаренных куда чего заливать)))
Капитан
Девочка
(
)
Орден II степени
Аттестат
[ 13.01.2011 18:55:49 (UTC +5), minsk.en.cx ]  
а фейсбучек, кто умеет, тоже запилите пжл!
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 19:06:10 (UTC +5), ulan.en.cx ]  
Encounter.Smolensk: А можно для особо одаренных куда чего заливать)))

Можно просто в область на главной странице запихать в сжатом виде:

<script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
<script type="text/javascript">
VK.init({apiId: #ваш_ID#, onlyWidgets: true});
function YOURDOMANE_vk_like() {
$('span[id*=lblGameNum]').each(function(){
YOURDOMANE_vk_game_num = parseInt($(this).text());
YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text();
YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href');
$(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>');
VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, {
type: 'button',
verb: 1,
pageTitle: YOURDOMANE_vk_game_txt,
pageUrl: YOURDOMANE_vk_game_url,
pageDescription: 'Encounter - международная сеть активных городских игр'
});
});
$(document).ready(function(){ YOURDOMANE_vk_like(); });
</script>

<style type="text/css">
.YOURDOMANE_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.clear { clear: both; }
</style>


Не забудьте заменить #ваш_ID# на полученный с Вконтакта и переименовать YOURDOMANE на собственный.
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 19:15:16 (UTC +5), ulan.en.cx ]  
Лея Гилар: а фейсбучек, кто умеет, тоже запилите пжл!

Для Фейсбука должно подойти что-то подобное:

<script type="text/javascript">
function YOURDOMANE_fb_like() {
$('span[id*=lblGameNum]').each(function(){
YOURDOMANE_fb_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href');
$(this).closest('table').after('<div class="YOURDOMANE_fb_like"><iframe src="https://www.facebook.com/plugins/like.php?href=' + YOURDOMANE_fb_game_url + '&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=li ke&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe></div><div class="clear"></div>');
});
$(document).ready(function(){ YOURDOMANE_fb_like(); });
</script>

<style type="text/css">
.YOURDOMANE_fb_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.clear { clear: both; }
</style>

Полковник
(
)
Аттестат
[ 13.01.2011 19:39:32 (UTC +5), en.cx ]  
Creadome:
Encounter.Smolensk: А можно для особо одаренных куда чего заливать)))

Можно просто в область на главной странице запихать в сжатом виде:


Не прикручивается:((
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 19:44:27 (UTC +5), ulan.en.cx ]  
Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.
Лейтенант
Мальчик
(
)
Аттестат
[ 13.01.2011 19:45:08 (UTC +5), sm.en.cx ]  
Не прикручивается:((
Есть такая беда
Полковник
(
)
Аттестат
[ 13.01.2011 19:47:27 (UTC +5), en.cx ]  
Creadome: Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.


h102.en.cx

Старший лейтенант
Мальчик
(
)
Аттестат
[ 13.01.2011 20:14:42 (UTC +5), cccp.en.cx ]  
Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 20:19:19 (UTC +5), ulan.en.cx ]  
_DM: Не прикручивается:((

У меня ошибка в примере была. Вот так должно заработать:

<script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
<script type="text/javascript">
VK.init({apiId: #ваш_ID#, onlyWidgets: true});
function YOURDOMANE_vk_like() {
$('span[id*=lblGameNum]').each(function(){
YOURDOMANE_vk_game_num = parseInt($(this).text());
YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text();
YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href');
$(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>');
VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, {
type: 'button',
verb: 1,
pageTitle: YOURDOMANE_vk_game_txt,
pageUrl: YOURDOMANE_vk_game_url,
pageDescription: 'Encounter - международная сеть активных городских игр'
});
});
}
$(document).ready(function(){ YOURDOMANE_vk_like(); });
</script>


Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 20:21:19 (UTC +5), ulan.en.cx ]  
Spaceman: Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Ну, API Вконтакта весит килобайт 40 - это единственное
Полковник
(
)
Аттестат
[ 13.01.2011 20:25:52 (UTC +5), en.cx ]  
Creadome:
_DM: Не прикручивается:((

У меня ошибка в примере была. Вот так должно заработать:


thnx




Подполковник
Мальчик
(
)
Аттестат
[ 13.01.2011 20:56:40 (UTC +5), str.en.cx ]  
Спасибо
Майор
Мальчик
(
)
Аттестат
[ 13.01.2011 23:19:09 (UTC +5), brn.en.cx ]  
Creadome: В итоге должно получится так:

1.png

А можно приделать рядом с этой кнопкой?

MAKAPOH:

Кнопка "Сохранить Вконтакте" к анонсам :)

<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?5" charset="windows-1251"></script>

<script type="text/javascript">
<!--

$('.yellow_darkgreen19').each(function(){if ($(this).parent().is('.left5p19h.yellow_darkgreen19')) $(this).parent().after('<td class="left5p19h" nowrap="nowrap" style="padding-right: 5px;">' + VK.Share.button({url: 'https://magnitka.en.cx' + $(this).attr('href')},{type: "round_nocount", text: "Сохранить"}) + '</td>');});
-->
</script>


не забудьте заменить magnitka.en.cx на свой домен :)
Ну чтобы рядышком были....
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 23:47:49 (UTC +5), ulan.en.cx ]  
Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.
На страницу: 
1  2
20.05.2024 0:52:58
(UTC +5)

www.en.cx
EncounterTM Ltd.
2004-2024 ©
Владелец домена:
Мелкий-45
(Александр Овчинников)
ВKонтакте
+79638638228