🔍Разыскиваются VueJs волонтеры!
EN в Twitter EN В Контакте EN в Facebook
Предстоящие игры:
(#319) "Сказочная свалка со словорезками [ГИБКИЙ СТАРТ]"
командная игра,
27.12.2024 / 19:00:00
Игра: Мозговой штурм
Авторы: Lisnap, Lavika
Участие: 3 en usd
(#320) "Один день из жизни курьера."
командная игра,
10.12.2025 / 21:00:00
Игра: Точки
Автор: Дима-Лис
Участие: 1 200 руб.
(#322) "?"
командная игра,
20.12.2025 / 11:00:00
Игра: Схватка
Автор: Pixtachok
Участие: 1 500 руб.
RSS 2.0
Домен: https://kostroma.en.cx/ (владелец домена: d-bog) Показать аватары
Модераторы форума: d-bog, qWest
На страницу: 
1  2

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

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

Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 16:23:29 (UTC +3), 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 16:25:35 (UTC +3), ulan.en.cx ]  
В итоге должно получится так:

1.png

Капитан
Мальчик
(
)
Аттестат
[ 13.01.2011 16:35:17 (UTC +3), nikquestua.en.cx ]  
спасибо, очень интересно и полезно!
Подполковник
(
)
Аттестат
[ 13.01.2011 16:40:34 (UTC +3), en.cx ]  
во! сам победил, а я забыл (
Капитан
Аттестат
[ 13.01.2011 16:42:06 (UTC +3), myxep.en.cx ]  
спасибо :) завтра запилю :)
Лейтенант
Мальчик
(
)
Аттестат
[ 13.01.2011 16:55:48 (UTC +3), sm.en.cx ]  
А можно для особо одаренных куда чего заливать)))
Капитан
Девочка
(
)
Орден II степени
Аттестат
[ 13.01.2011 16:55:49 (UTC +3), minsk.en.cx ]  
а фейсбучек, кто умеет, тоже запилите пжл!
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 17:06:10 (UTC +3), 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 17:15:16 (UTC +3), 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>

Полковник
(
 Золотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениОрден II степениОрден III степениОрден III степени
)
Аттестат
[ 13.01.2011 17:39:32 (UTC +3), en.cx ]  
Creadome:
Encounter.Smolensk: А можно для особо одаренных куда чего заливать)))

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


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


h102.en.cx

Старший лейтенант
Мальчик
(
)
Аттестат
[ 13.01.2011 18:14:42 (UTC +3), cccp.en.cx ]  
Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 13.01.2011 18:19:19 (UTC +3), 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 18:21:19 (UTC +3), ulan.en.cx ]  
Spaceman: Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Ну, API Вконтакта весит килобайт 40 - это единственное
Полковник
(
 Золотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениЗолотой Орден I степениОрден II степениОрден III степениОрден III степени
)
Аттестат
[ 13.01.2011 18:25:52 (UTC +3), en.cx ]  
Creadome:
_DM: Не прикручивается:((

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


thnx




Подполковник
Мальчик
(
)
Аттестат
[ 13.01.2011 18:56:40 (UTC +3), str.en.cx ]  
Спасибо
Майор
Мальчик
(
)
Аттестат
[ 13.01.2011 21:19:09 (UTC +3), 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 21:47:49 (UTC +3), ulan.en.cx ]  
Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.
На страницу: 
1  2
23.12.2024 10:11:52
(UTC +3)

www.en.cx
EncounterTM Ltd.
2004-2024 ©

По всем вопросам обращайтесь к организатору:

Денис aka d-bog тел. +7 (961) 128-76-21, d-bog@mail.ru