2013-08-20 190 views
0

我試圖實現Inviting friends from Facebook, Gmail功能。打開一個與facebook窗口功能相同的JavaScript窗口

下面是生成的鏈接,並打開HTML代碼的彈出窗口

htmlcode.html

<div class="socialapis"> 
    <span>Invite friends from <a href="http:/" onclick="FacebookInviteFriends();">Facebook ?</a></span>&nbsp; 
    <span> 
     <a onclick="window.open('{% url 'social:gmail_contacts' %}','targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500')"> 
       Gmail ? 
     </a> 
    </span>  
</div> 

因此,當我的Facebook鏈接下面的彈出窗口與開放上點擊facebook登錄屏幕適合窗口大小

enter image description here

當我點擊下方的彈出窗口中的鏈接Gmail你是開放

enter image description here

通過我使用Twitter的引導我的UI部分的方式。 因此,我們可以從上面的圖像中觀察到,gmail登錄屏幕不適合窗口,而是我們有滾動條。

而且後,我登錄到Gmail中,我得到下一個頁面一樣不恰當的窗口

所以反正是有適合的登錄屏幕和所有其他頁面打開彈出窗口的大小?在JavaScript?

注意:我是新來使用JavaScript

回答

0

首先你的UI部分的自舉不影響在這些網頁上任何東西。 gmail的Google已經使用了響應式設計,並且在重新調整大小以適應某些分辨率時,元素會自動調整,這是因爲該gmail登錄頁面中佔用的內容以及Facebook登錄頁面有足夠的空間。

+0

k我們將介紹gmail的登錄頁面,現在登錄後會重定向到我的一個網站頁面,以及如何將該頁面放入窗口(因爲即使我的網頁也不適合彈出窗口) –

+0

實際上彈出窗口在您被授權後會關閉並將您帶到反向鏈接! –

+0

我的功能略有不同,登錄後,它會被重定向到我的網頁(在彈出窗口中),並在彈出窗口中列出所有gmail聯繫人,所以需要適合彈出屏幕 –