我正在尝试设置一个页面,强制用户在继续之前输入他的名字,或强制用户在继续之前使用Facebook登录。我在点击“使用Facebook登录”按钮后无法启动用户,我尝试使用OnLogin功能,任何帮助都将受到赞赏。到目前为止,这是我的代码:
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Login</title>
</head>
<Body>
<center><div class="imageContainer"><br><br>Hello, I am Alex. I am here to walk you <br> through an 11 question quiz which will help <br> calculate your resilience level.</div></center>
<center><canvas id="SpeechAnimation"></canvas></center>
<script type="text/javascript" src="IDLE.js"></script>
<?PHP
$Forename = "";
?>
<FORM NAME = "Login" METHOD = "POST" ACTION = "IntroductionProcess.php">
<center>Forename: <INPUT TYPE = 'TEXT' class=one Name ='Forename' value="<?PHP print $Forename;?>"></center>
</FORM>
<script type="text/javascript">
if( screen.width <= 480 ) {
function zoom() {
document.body.style.zoom = "250%"
}
}
</script>
<body onload="zoom()">
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '(I entered my Real one)',
xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.7";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<center>
<a href = "Link to my Website">
<div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="false"></div>
</a>
</center>
<script>
<fb:login-button onlogin=location.href = 'IntroductionProcess.php';> </fb:login-button>
</script>
</body>
</html>