Форум Сайтостроение Веб-строительство

javascript on click или event - Контроль действия пользователя.

Frendlix
На сайте с 13.11.2009
Offline
78
Frendlix
975

Здравствуйте!

Хотелось бы озадачить любителей скриптов.

Так как я даже не могу понять что именно я делаю не так, или это в принципе невозможно :bl:

Значит есть у нас пользователь.

Ему нужно сделать несколько действий на моем сайте.

Например:

Поставить лайк в Facebook

И вот пока он не поставит мне Like ему не откроется кнопка продолжить.

Допустим он поставил Лайк, получил кнопку продолжить.

И пошел дальше. В конце получает то за что он все это выполнял.

Вопрос как это реализовать технически.

Есть такая приблуда сейчас:

HTML: 

<div class="solTitle"> <a href="#"  id="next">КНОПКА FB </a></div>



<div id="summary_next" style="display:none" class="summary"><a href="#">Кнопка продолжить</a></div>

JS 

$(document).ready(function(){

    $(".solTitle a").live('click',function(e){

        var contentId = "summary_" + $(this).attr('id');

        $(".summary").hide();

        $("#" + contentId).show();

    });

});

Все как бы в данном варианте работает.

Но когда я ставлю код FB - родной - просто ставится лайк и ничего не происходит.

Как бы мне все это так придумать ума не приложу.

Если что подскажете буду благодарен, спасибо!

Корпоративные мероприятия здесь (https://4-event.ru)!
[Удален]
#1
Frendlix:
Но когда я ставлю код FB - родной

пример кода

Frendlix
На сайте с 13.11.2009
Offline
78
Frendlix
#2
burunduk:
пример кода

Алексей, вот такой вот код стандартный:

Вставляется после <body> (описалово с FB) 

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

И вот этот: 

<div class="fb-like" data-href="http://site.ru" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>

Уже непосредственно в то место где нужно... (Так же описалово с FB)

Может я как-то не так пробовал...

Потому что я фигачил условно так: 


<a href="#">

<div id="fb-root"></div>

<div class="fb-like" data-href="http://site.ru" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>

</a>

*скрипт отдельным файлом

FB скрипт работал, но он клик не срабатывает, а другого варианта что то не придумаю.

Пробовал его div-ом сверху перекрывать прозрачным, но толку тоже это не дало...

Может быть есть другой вариант кода?

Пробовал написать как бы свою кнопку - просто лайк для конкретного адреса, но что то голову сломал.

Спасибо!

В Яндекс.Метрике появился новый Подробная инструкция по установке Потери трафика в контексте:
[Удален]
#3

Frendlix, во-первых, .live работает только с уже существующими элементами на подгруженные не jquery не сработает,

для ещё не существующих есть livequery

откройте файбагом сформированный загруженный фейсбуком код и посмотрите его, если там фрайм, то используйте contents( )

javascript скрыть код от Как с помощью js JS подгрузка файла и
Frendlix
На сайте с 13.11.2009
Offline
78
Frendlix
#4
burunduk:
Frendlix, во-первых, .live работает только с уже существующими элементами на подгруженные не jquery не сработает,
для ещё не существующих есть livequery

откройте файбагом сформированный загруженный фейсбуком код и посмотрите его, если там фрайм, то используйте contents( )

Фрейм там есть.

Но как использовать contents( ) в данном варианте что то не докумекаю.

Алексей, если возможно приведите какой-нибудь пример? (лучше мой) :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий