Можно ли использовать несколько кнопок входа в Google Friend Connect?

StackOverflow https://stackoverflow.com/questions/1264039

Вопрос

Мне интересно, можно ли иметь несколько кнопок входа в 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'});

Как видите, будут созданы три кнопки входа, каждая в разном стиле.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top