Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite, pessoal.
como eu faço para substituir o botão login por uma imagem.
Quero executar essa função quando clicar na imagem, já tentei usar onclick mas não faz nada.
Peguei o exemplo neste site .http://mariovalney.com/como-colocar-o-login-do-google-no-meu-site/
function onSignIn(response) {
// Conseguindo as informações do seu usuário:
var perfil = response.getBasicProfile();
// Conseguindo o ID do Usuário
var userID = perfil.getId();
// Conseguindo o Nome do Usuário
var userName = perfil.getName();
// Conseguindo o E-mail do Usuário
var userEmail = perfil.getEmail();
// Conseguindo a URL da Foto do Perfil
var userPicture = perfil.getImageUrl();
document.getElementById('user-photo').src = userPicture;
document.getElementById('user-name').innerText = userName;
document.getElementById('user-email').innerText = userEmail;
document.getElementById('user-Id').innerText = userID;
// Recebendo o TOKEN que você usará nas demais requisições à API:
var LoR = response.getAuthResponse().id_token;
console.log("~ le Tolkien: " + LoR);
};Desculpa, mas não consegui entender muito bem o seu exemplo.
<div id="customBtn" class="customGPlusSignIn">
<input type="button" value="google" />
</div>
function customGPlusSignIn(response) {
// Conseguindo as informações do seu usuário:
var perfil = response.getBasicProfile();
// Conseguindo o ID do Usuário
var userID = perfil.getId();
// Conseguindo o Nome do Usuário
var userName = perfil.getName();
// Conseguindo o E-mail do Usuário
var userEmail = perfil.getEmail();
// Conseguindo a URL da Foto do Perfil
var userPicture = perfil.getImageUrl();
document.getElementById('user-photo').src = userPicture;
document.getElementById('user-name').innerText = userName;
document.getElementById('user-email').innerText = userEmail;
document.getElementById('user-Id').innerText = userID;
// Recebendo o TOKEN que você usará nas demais requisições à API:
var LoR = response.getAuthResponse().id_token;
console.log("~ le Tolkien: " + LoR);
};<div id="customBtn" class="customGPlusSignIn">
<input type="button" value="google" />
</div>
attachSignin(document.getElementById('customBtn'));
function customGPlusSignIn(response) {
// Conseguindo as informações do seu usuário:
var perfil = response.getBasicProfile();
// Conseguindo o ID do Usuário
var userID = perfil.getId();
// Conseguindo o Nome do Usuário
var userName = perfil.getName();
// Conseguindo o E-mail do Usuário
var userEmail = perfil.getEmail();
// Conseguindo a URL da Foto do Perfil
var userPicture = perfil.getImageUrl();
document.getElementById('user-photo').src = userPicture;
document.getElementById('user-name').innerText = userName;
document.getElementById('user-email').innerText = userEmail;
document.getElementById('user-Id').innerText = userID;
// Recebendo o TOKEN que você usará nas demais requisições à API:
var LoR = response.getAuthResponse().id_token;
console.log("~ le Tolkien: " + LoR);
};Teste assim
Infelizmente não funcionou :(
De acordo com a documentação do google (https://developers.google.com/identity/sign-in/web/build-button), basta você trocar a div de classe g-signin2 por isso
// script ao carregar a página
attachSignin(document.getElementById('customBtn'));