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

world.en.cx

Choose your language:
en ru
RSS 2.0
Domain: https://world.en.cx/ (domain owner: Korzuk) Show avatars
Forum moderators: Korzuk, DeDinc, Техподдержка Сети, Ханя
On page: 
1  2

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

1/13/2011 4:23:29 PM / 36 messages / the topic was opened by Creadome .

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

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


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


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

Major
Boy
(
 Medal of the 3-rd rank
)
Attestate
[ 1/14/2011 2:31:30 PM (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>


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

Senior lieutenant
Boy
(
)
Attestate
[ 1/14/2011 5:04:28 PM (UTC +3), cccp.en.cx ]  
А нельзя ли сделать такую хитрую ссылку "Поделись с друзьями", а там типа вот когда на нее кликаешь, тогда и происходит подргузка API (те самые лишние килобайты). Таким образом, лишний код не грузится постоянно на все страницы, а тока тем юзерам, которые хотят этого.
Major
Boy
(
)
Attestate
[ 1/17/2011 5:38:51 PM (UTC +3), brn.en.cx ]  
Creadome: В итоге:
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
((((( с этим кодом, облако тегов крутится не останавливаясь не зависимо от того где мышка... ((((
Major
Boy
(
 Medal of the 3-rd rank
)
Attestate
[ 1/17/2011 6:05:57 PM (UTC +3), ulan.en.cx ]  
Даже не знаю, в чем может быть проблема - функция то примитивная. Только контейнер добавляется.
Senior lieutenant
Boy
(
)
Attestate
[ 1/20/2011 12:53:56 PM (UTC +3), lunapark.en.cx ]  
А как бы такую к новостям домена прикрутить?
Lieutenant colonel
Boy
(
)
Medal of the 2-nd rank
Attestate
[ 1/31/2011 7:32:42 PM (UTC +3), lpk.en.cx ]  
с этой кнопкой при нажатии "спрятать описание" и снова открывши описание появляется еще кнопка либо информация вовсе не загружется
Lieutenant colonel
(
T-9
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rankMedal of the 2-nd rankMedal of the 2-nd rank
)
Attestate
[ 2/2/2011 5:21:03 PM (UTC +3), baranovichi.en.cx ]  

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

3. добавляем к себе функцию
к себе - это куда? В описание игры или еще куда?
4. вызываем на главной странице
И это как, если можно)
Senior lieutenant
Girl
(
)
Gold Medal of the 1-st rank
Attestate
[ 2/2/2011 5:28:09 PM (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!

Lieutenant colonel
(
T-9
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rankMedal of the 2-nd rankMedal of the 2-nd rank
)
Attestate
[ 2/3/2011 12:59:15 AM (UTC +3), baranovichi.en.cx ]  
nomoubliespas, спасибо)
Lieutenant colonel
(
T-9
 Medal of the 3-rd rankMedal of the 3-rd rankMedal of the 2-nd rankMedal of the 2-nd rankMedal of the 2-nd rank
)
Attestate
[ 2/3/2011 1:29:57 AM (UTC +3), baranovichi.en.cx ]  
А к фейсбучку подробнее можно? то, что дали на прошлой странице - не проходит((((
Private soldier
[ 2/12/2011 6:44:31 PM (UTC +3), mirniy.en.cx ]  
ВОТ С ЭТОЙ СТРАНИЧКИ
Нашел код вставки всех кнопок со всех возможных сетей.
Поможите люди добрые его грамотно прикрутить так же как кнопку "вконтакте" выше :)
Заранее спасибо.
Sergeant
Boy
(
)
Attestate
[ 3/13/2011 3:58:19 PM (UTC +3), 66.en.cx ]  
Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
Captain
Boy
(
)
Attestate
[ 3/16/2011 1:29:12 PM (UTC +3), xtreme.en.cx ]  
А как можно сделать кнопку не "рассказать друзьям" а "мне интересно" (чтобы каждый человек уже после нажатия кнопки выбирал рассказывать друзьям или нет, ато тут что сразу рассказывается и все)
Lieutenant
(
)
[ 2/17/2012 9:32:44 AM (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>
On page: 
1  2
11/21/2024 7:36:31 PM
(UTC +3)

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