Можно ли использовать несколько кнопок входа в Google Friend Connect?
-
13-09-2019 - |
Вопрос
Мне интересно, можно ли иметь несколько кнопок входа в Google Friend Connect...
google.friendconnect.renderSignInButton({id:"google-login",style:'long'})
Этот код отображает кнопку входа в систему.К сожалению, он принимает идентификатор, а идентификатор должен быть уникальным.
Есть ли способ сделать что-то похожее на
google.friendconnect.renderSignInButton({class:"google-login",style:'long'})
это приведет к тому, что все элементы div с class="google-login" будут отображаться как кнопка входа в систему?Или даже просто отобразить две отдельные кнопки входа в систему:
google.friendconnect.renderSignInButton({id:"google-login1",style:'long'})
google.friendconnect.renderSignInButton({id:"google-login2",style:'long'})
Кто-нибудь знает решение?
Решение
Да, это возможно.Помните, что при передаче идентификатора renderSignInButton
вы не устанавливаете новый идентификатор кнопки, но это идентификатор контейнера, в котором должна быть размещена эта новая кнопка.Я также заметил, что вы не можете иметь две кнопки входа в один и тот же контейнер (по крайней мере, без клонирования их вручную).
я нашел это демо-страница и выполните следующие команды с помощью консоли Firebug
google.friendconnect.renderSignInButton({id: 'memberstate', style: 'long'});
google.friendconnect.renderSignInButton({id: 'colorPicker', style: 'standard'});
google.friendconnect.renderSignInButton({id: 'profile', style: 'text'});
Как видите, будут созданы три кнопки входа, каждая в разном стиле.