Pouvez-vous avoir plusieurs boutons de connexion pour Google Friend Connect?

Question

Je me demandais s'il est possible d'avoir plusieurs boutons pour en log Google Friend Connect ...

google.friendconnect.renderSignInButton({id:"google-login",style:'long'}) 

ce code rend le bouton de connexion. Malheureusement, il accepte un identifiant, et les ID doivent être uniques.

Est-il possible de faire quelque chose de similaire à

google.friendconnect.renderSignInButton({class:"google-login",style:'long'}) 

qui ferait toute la divs class = « google-login » rendre un bouton de connexion? Ou même juste pour rendre deux boutons de connexion distincts:

google.friendconnect.renderSignInButton({id:"google-login1",style:'long'}) 
google.friendconnect.renderSignInButton({id:"google-login2",style:'long'}) 

Quelqu'un at-il une solution?

Answer 1

Oui, c'est possible. Rappelez-vous que lors de la transmission de l'ID à renderSignInButton, vous ne définissez pas le nouvel ID de bouton, mais l'ID d'un conteneur dans lequel ce nouveau bouton doit être placé. J'ai également remarqué que vous ne pouvez pas avoir deux boutons de connexion dans le même conteneur (au moins sans les cloner manuellement).

J'ai trouvé ce demo page et exécuter les commandes suivantes en utilisant la console de Firebug

google.friendconnect.renderSignInButton({id: 'memberstate', style: 'long'}); 
google.friendconnect.renderSignInButton({id: 'colorPicker', style: 'standard'}); 
google.friendconnect.renderSignInButton({id: 'profile', style: 'text'}); 

Comme vous pouvez le voir cela va créer trois signes dans les boutons, chacun dans un style différent