🔍Разыскиваются VueJs волонтеры!

 
Мобильная версия  
EN в Twitter EN В Контакте EN в Facebook
Предстоящие игры:
(#282) "Один в поле - воин"
одиночная игра,
30.12.2025 / 17:00:00
Игра: Схватка
Авторы: ~KIVI~, ксюх
Участие: бесплатное
Планета Земля // Россия // Волжский // Внутри сети городских игр Encounter // Техническая разработка и поддержка
 RSS 2.0
Домен: https://34.en.cx/ (владелец домена: ксюх) Показать аватары
Модераторы форума: Dracula_666, ~KIVI~, ксюх
На страницу: 
1  2

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

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

Майор
Мальчик
 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 Энки.
Надеюсь - пригодится.
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден 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 ]  
спасибо, очень интересно и полезно!
Подполковник
 }i{YI{
(
U4CUP
)
Аттестат
[ 13.01.2011 16:40:34 (UTC +3), en.cx ]  
во! сам победил, а я забыл (
Капитан
 myxep
Аттестат
[ 13.01.2011 16:42:06 (UTC +3), myxep.en.cx ]  
спасибо :) завтра запилю :)
Лейтенант
Мальчик
 ENsky
(
Сойка пересмешница
)
Аттестат
[ 13.01.2011 16:55:48 (UTC +3), sm.en.cx ]  
А можно для особо одаренных куда чего заливать)))
Капитан
Девочка
 Лея Гилар
(
Dragons
)
Орден II степени
Аттестат
[ 13.01.2011 16:55:49 (UTC +3), minsk.en.cx ]  
а фейсбучек, кто умеет, тоже запилите пжл!
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден 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 на собственный.
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден 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: А можно для особо одаренных куда чего заливать)))

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


Не прикручивается:((
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден III степени
)
Аттестат
[ 13.01.2011 17:44:27 (UTC +3), ulan.en.cx ]  
Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.
Лейтенант
Мальчик
 ENsky
(
Сойка пересмешница
)
Аттестат
[ 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
Старший лейтенант
Мальчик
 Spaceman
(
Лень космонавтики
)
Аттестат
[ 13.01.2011 18:14:42 (UTC +3), cccp.en.cx ]  
Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден 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>
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден 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
Подполковник
Мальчик
 Filiрр
(
\//\
)
Аттестат
[ 13.01.2011 18:56:40 (UTC +3), str.en.cx ]  
Спасибо
Майор
Мальчик
 _Серёга_
(
S.O.N.I.
)
Аттестат
[ 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 на свой домен :)
Ну чтобы рядышком были....
Майор
Мальчик
 Creadome
(
Квазивантуз
 Орден III степени
)
Аттестат
[ 13.01.2011 21:47:49 (UTC +3), ulan.en.cx ]  
Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.
На страницу: 
1  2
18.12.2024 21:19:49
(UTC +3)

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