通過javascript彈出窗口從php傳遞網址

Question

url.php

<?php
include "../googlelogin/src/Google_Client.php";
include "../googlelogin/src/contrib/Google_Oauth2Service.php";
include "../fblogin/src/facebook.php";
//FOR FACEBOOK LOGIN//
    $fbconfig['appid' ]     = "329433909112888";
    $fbconfig['secret']     = "ca2bdc9990b0b2ad0763abcka79dce60c91f";
    $fbconfig['baseurl']    = "http://localhost/sbs/fblogin/index.php?rd=hm";
    $facebook = new Facebook(array(
        'appId'  => $fbconfig['appid'],
        'secret' => $fbconfig['secret'],
        'baseurl'=>$fbconfig['baseurl'], 
        'cookie' => true,
    ));
    $loginUrl   = $facebook->getLoginUrl(
        array('redirect_uri'=>$fbconfig['baseurl'], 
        'scope'  =>            'email,offline_access,publish_stream,user_birthday,user_location,user_work_history,user_about_me,   user_hometown,user_photos ,user_work_history',
    )
    );
//FOR GOOGLE LOGIN//
    $client = new Google_Client();
    $client->setApplicationName("Google UserInfo PHP Starter Application");
    $client->setApprovalPrompt('auto');
    $client->setClientId('777637661406-cp7kekelp1l5i0se9f576sqf36a0q4lc.apps.googleusercontent.com');
    $client->setClientSecret('uztEmqG1CFt06752lqtRZjZ-');   
    $client->setState('hm');
    $client->setRedirectUri('http://localhost/sbs/googlelogin/index.php');
    $client->setDeveloperKey('AIzaSyD3HiHElDciE6Pb5UfZtDdNWe_kiKNk6rg');
    $oauth2 = new Google_Oauth2Service($client);
    $authUrl = $client->createAuthUrl();

    ?>

我想通過彈出窗口中的Java腳本傳遞FACEBOOK，TWITTER和GOOGLE網址。 我知道PHP部分，但不知道JS部分

pop.js

function sin(){
    var lbox = new LadduBox();
    lbox.init({"width":495, "height":242, "HTML":'<div style="width:495px; height:242px; background-color:#ffffff; border:2px solid orange;"><table cellspacing="0" cellpadding="0" border="0" align="center" width="485" height="152" style="font-family:arial; font-size:20px; font-weight:bold;"><tr><td align="right" colspan="3"><img src="images/untitled-1.png" style="margin:10px; cursor:pointer;" id="btnClose"/></td></tr><tr><td height="30" colspan="3"> <div style="font-family:arial; font-size:20px; color:#ff6c00; padding-left:200px;">SIGN IN</div></td></tr><tr><td><div style="margin:10px; font-size:14px;">EMAIL<br><input type="text"/></div><br><div style="margin-left:10px; margin-top:-10px; font-size:14px;">PASSWORD<br><input type="text"/></div></td><td><img src="images/orbar.png" /></td><td align="center"><img src="images/redfb.png" style="margin-bottom:7px;"/><br><img src="images/redgoogle.png" style="margin-bottom:7px;"/><br><img src="images/redtwitter.png" /></td></tr></div>', 'btnCloseId':'#btnClose'});
    lbox.fire();
}

當用戶單擊登錄按鈕時，將顯示此彈出窗口。 我想在彈出窗口中顯示FACEBOOK，TWITTER和GOOGLE URL，但我不知道如何在javascript中傳遞它。

Answer 1

"When the user click on the sign-in button, this pop-up will show":

現在，彈出代碼將在PHP文件中。 在此文件的頂部包含url.php，然后您可以在該文件的任何位置訪問$ authUrl或$ loginUrl。

Answer 2

現在，在您的sin（）中，您的lbox.init中有HTML。 您可以在其中放置以下網址。 但是，從您的JS文件中刪除sin（），然后將其放在頭部的PHP文件中。 因為，JS文件不能具有PHP代碼。

<div style="width:495px; height:242px; background-color:#ffffff; border:2px solid orange;"><a href="<?php echo $loginUrl; ?>">Facebook Login</a><a href="<?php echo $authUrl; ?>">Google Login</a></div>

只是一個示例，您可以將其放在html中任何您想要的位置。 如果要將PHP放在.js文件中，則必須執行以下操作：

AddType application/x-httpd-php .js

AddHandler x-httpd-php5 .js

<FilesMatch "\.(js|php)$">
 SetHandler application/x-httpd-php
</FilesMatch>

將以上代碼添加到.htaccess文件中，並在js文件中運行php