2015-11-05 53 views
2

將聊天窗口(使用iframe)彈出到新標籤中,然後彈出來讓它回到窗口..就像Google與他們進行環聊聊天一樣Gmail網頁中的窗口。如何彈出,彈出在Gmail環聊等內嵌框架

我一直在谷歌搜索,但可以弄明白。也許我的知識還不夠好

回答

1

我的意思是說,當你點擊箭頭進入框中,然後打開與聊天的彈出窗口。

我不確定谷歌是否這樣做,但是是一種爲用戶做同樣效果的方法。

當你點擊那裏,那裏打開一個彈出,這樣做的過程是下一個;

創建在JS的函數與window.open()這將打開一個窗口

如果你想打開的窗口內的頁面,你必須指定它

window.open("chat.php")

開放的方法允許3個參數

window.open(document,name of the window,attributes of the window)

  1. 文檔

    Uri的文件被加載到彈出窗口中。

  2. 窗口

    確定了窗口的名稱,你可以參考這個ID被打開後。

  3. 窗口

    幾個名稱/值的屬性來分配不同的選擇這寡婦,則有:

    • 寬度
    • 高度(以像素爲單位窗口)(的以像素爲單位的窗口)
    • top:窗口的位置從頂部開始
    • left:窗口的位置從左邊開始
    • 工具欄,如果你想顯示的工具欄或沒有(boolean
    • 狀態,如果你想顯示狀態欄(boolean
    • 的位置,如果你想顯示在地址欄中。
    • 目錄,如果你想顯示個人欄。
    • 滾動條,如果你想顯示滾動
    • 菜單欄,如果你想顯示的菜單欄

這是如何打開一個新窗口例如:

function openPopUp(){ 
    newpopup = window.open('chat.html/user1=xxxx?user2=yyyy','newwindow','width=300, height=400') 
} 

此頁面的後端將加載用戶1和2之間的聊天。

現在要返回到標準ent窗口。

你可以返回一個值,那麼當你在箭頭點擊回去,他們應該是在onclick之類的函數

function returnPopUp(){ 
    top.close(); 
    return "user1=xxxx?user2=yyyy" 
} 

然後他們重新裝入父窗口的框架。

正如我之前告訴過你的,對於newpopup關閉的聽衆類似。

謝謝。

+0

感謝您的詳細解答。現在我明白了 –