2015-11-05 57 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

感谢您的详细解答。现在我明白了 –