2016-02-21 178 views
0

Я внедряю Janrain, и я хочу использовать свои собственные кнопки. Но когда я нажимаю кнопку, ничего не происходит. Вот мой код:Пользовательские кнопки Janrain

<head> 
     <script type="text/javascript"> 
     (function() { 
     if (typeof window.janrain !== 'object') window.janrain = {}; 
     if (typeof window.janrain.settings !== 'object') window.janrain.settings = {}; 

     janrain.settings.tokenUrl = 'janrain/rpx-token-url.php'; 
      janrain.settings.appId = 'my app id here'; 
      janrain.settings.appUrl = 'https://loanerr.rpxnow.com'; 
      janrain.settings.providers = [ 
      'googleplus', 
      'facebook', 
      'linkedin']; 

     function isReady() { janrain.ready = true; }; 
     if (document.addEventListener) { 
      document.addEventListener("DOMContentLoaded", isReady, false); 
     } else { 
      window.attachEvent('onload', isReady); 
     } 

     var e = document.createElement('script'); 
     e.type = 'text/javascript'; 
     e.id = 'janrainAuthWidget'; 

     if (document.location.protocol === 'https:') { 
      e.src = 'https://rpxnow.com/js/lib/coacharabia/engage.js'; 
     } else { 
      e.src = 'http://widget-cdn.rpxnow.com/js/lib/coacharabia/engage.js'; 
     } 

     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(e, s); 
     })(); 
     </script> 
</head> 

<body> 
<div id="widgetContainer"> 
    <div id="facebook" class="idpButton social"><span class="fa fa-facebook fa-lg"></span></div> 
    <div id="google" class="idpButton social"><span class="fa fa-google-plus fa-lg"></span></div> 
    <div id="linkedin" class="idpButton social"><span class="fa fa-linkedin fa-lg"></span></div> 
</div> 

<script> 
function janrainWidgetOnload() { 
    // First, we construct an object to house all of our sign-in buttons 
    var buttons = document.getElementsByClassName('social'); 

    // Then, we cycle through each button and attach each to a provider 
    for (var b = 0; b < buttons.length; b++) { 
    var button = buttons[b]; 
    janrain.engage.signin.triggerFlow(button, button.id); 
    } 
} 
</script> 
</body> 

ответ

1

Triggerflow не принимает эти параметры, вот пример того, как использовать его:

janrain.engage.signin.triggerFlow("facebook"); 

или

janrain.engage.signin.triggerFlow("googleplus"); 

Каждый поставщик имеет уникальную строку/имя d, и именно так инициируется рабочий процесс социального входа. Вам просто нужно привязать кнопку onclick handler соответствующим образом.

Надеюсь, это поможет.

+0

Спасибо, что это работает –

Смежные вопросы