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

 

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

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

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

Майор
Мальчик
(
)
Аттестат
[ 13.01.2011 22:10:41 (UTC +3), brn.en.cx ]  
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.
Ок. будем ждать, очень хочется все Vконтактные кнопочки поместить рядышком, желательно под шапкой игры (как у тебя).
Старший лейтенант
Мальчик
(
)
Аттестат
[ 14.01.2011 3:00:04 (UTC +3), cccp.en.cx ]  
Creadome: Ну, API Вконтакта весит килобайт 40 - это единственное
Да собственно дело не в 40 кб, а в том что идет кросс доменный запрос, и эти 40 кб (помноженные на кол-во анонсов) реально долго идут. У меня до статуса "Готово" страница грузилась на 8 секунд дольше. Это не гуд.


Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
А вот этот пример рулит! Можно придать свой дизайн кнопке (тока не надо), а самое главное лишний трафик получит тот кто захочет кликнуть. Плюсую! А разместить можно и не в шапке, а где хочется.


Кстати, очень нравится как это сделано в мосваре: там после нажатия "поделиться", подгружается лишний кусок с разными кнопками, т.е. изначально он не грузится и не ест драгоценный WAP/GPRS/EDGE трафик.

Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 14.01.2011 14:31:30 (UTC +3), ulan.en.cx ]  
В итоге:

<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="game_vk_like">' + VK.Share.button(
{ url: 'https://' + location.hostname + $(this).attr('href'), title: $(this).text(), description: 'Encounter - международная сеть активных городских игр', noparse: true },
{ type: 'button', text: 'Рассказать друзьям' }
) + '</div><div class="clear"></div>');
});
});
</script>
<style type="text/css">
.game_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.game_vk_like a { color: #000 !important; text-decoration: none; }
.game_vk_like a:hover { color: #000 !important; text-decoration: none; }
</style>


Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.

Старший лейтенант
Мальчик
(
)
Аттестат
[ 14.01.2011 17:04:28 (UTC +3), cccp.en.cx ]  
А нельзя ли сделать такую хитрую ссылку "Поделись с друзьями", а там типа вот когда на нее кликаешь, тогда и происходит подргузка API (те самые лишние килобайты). Таким образом, лишний код не грузится постоянно на все страницы, а тока тем юзерам, которые хотят этого.
Майор
Мальчик
(
)
Аттестат
[ 17.01.2011 17:38:51 (UTC +3), brn.en.cx ]  
Creadome: В итоге:
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
((((( с этим кодом, облако тегов крутится не останавливаясь не зависимо от того где мышка... ((((
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 17.01.2011 18:05:57 (UTC +3), ulan.en.cx ]  
Даже не знаю, в чем может быть проблема - функция то примитивная. Только контейнер добавляется.
Старший лейтенант
Мальчик
(
)
Аттестат
[ 20.01.2011 12:53:56 (UTC +3), lunapark.en.cx ]  
А как бы такую к новостям домена прикрутить?
Подполковник
Мальчик
(
)
Орден II степени
Аттестат
[ 31.01.2011 19:32:42 (UTC +3), lpk.en.cx ]  
с этой кнопкой при нажатии "спрятать описание" и снова открывши описание появляется еще кнопка либо информация вовсе не загружется
Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 02.02.2011 17:21:03 (UTC +3), baranovichi.en.cx ]  

Creadome, а можно подробный мануал для несведущих в программировании.

3. добавляем к себе функцию
к себе - это куда? В описание игры или еще куда?
4. вызываем на главной странице
И это как, если можно)
Старший лейтенант
Девочка
(
)
Золотой Орден I степени
Аттестат
[ 02.02.2011 17:28:09 (UTC +3), fo.en.cx ]  
Creadome: В итоге:

<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="game_vk_like">' + VK.Share.button(
{ url: 'https://' + location.hostname + $(this).attr('href'), title: $(this).text(), description: 'Encounter - международная сеть активных городских игр', noparse: true },
{ type: 'button', text: 'Рассказать друзьям' }
) + '</div><div class="clear"></div>');
});
});
</script>
<style type="text/css">
.game_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.game_vk_like a { color: #000 !important; text-decoration: none; }
.game_vk_like a:hover { color: #000 !important; text-decoration: none; }
</style>


Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.

*SMILE*Вот же готовый код. Добавьте в код шапки домена и в анонс.

Creadome, спасибо от fo.en.cx!

Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 03.02.2011 0:59:15 (UTC +3), baranovichi.en.cx ]  
nomoubliespas, спасибо)
Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 03.02.2011 1:29:57 (UTC +3), baranovichi.en.cx ]  
А к фейсбучку подробнее можно? то, что дали на прошлой странице - не проходит((((
Рядовой
[ 12.02.2011 18:44:31 (UTC +3), mirniy.en.cx ]  
ВОТ С ЭТОЙ СТРАНИЧКИ
Нашел код вставки всех кнопок со всех возможных сетей.
Поможите люди добрые его грамотно прикрутить так же как кнопку "вконтакте" выше :)
Заранее спасибо.
Сержант
Мальчик
(
)
Аттестат
[ 13.03.2011 15:58:19 (UTC +3), 66.en.cx ]  
Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
Капитан
Мальчик
(
)
Аттестат
[ 16.03.2011 13:29:12 (UTC +3), xtreme.en.cx ]  
А как можно сделать кнопку не "рассказать друзьям" а "мне интересно" (чтобы каждый человек уже после нажатия кнопки выбирал рассказывать друзьям или нет, ато тут что сразу рассказывается и все)
Лейтенант
(
)
[ 17.02.2012 9:32:44 (UTC +3), ny.en.cx ]  


the fly: Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!

Почти написал свой скрипт, а потом нашёл этот пост и твою ссылку на сервис Яндекс.share. В итоге нашёл рабочую версию у ребят с https://161.en.cx/. Делюсь, надеюсь они не обидятся.

<script type="text/javascript" src="https://yandex.st/share/share.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="yashare-auto-init" data-yashareType="none" data-yashareQuickServices="vkontakte,facebook,odnoklassniki,moimir,twitter,lj" data-yashareTitle="'+$(this).text()+'" data-yashareLink="https://'+location.hostname + $(this).attr('href')+'"></div>');
});
});
// ]]></script>
На страницу: 
1  2
18.12.2024 21:18:54
(UTC +3)

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