如何在彈出窗口中獲得聊天

我正在使用zoho在我的網站上進行實時聊天。如何獲取彈出這通常是在大多數網站如何在彈出窗口中獲得聊天

它的代碼是這樣的一些東西......

<div style="height:300px; width:300px; padding-top:20px;"><iframe style='overflow:hidden;width:100%;height:100%;' frameborder='0' border='0' src='http://chat.zoho.com/mychat.sas?U=c36599f3bbee3974d1af8b95ee04001b&chaturl=helpdesk&V=********************Center&smiley=false'></iframe></div>

如何確保該IFRAME必須在彈出被加載。。

來源

2010-03-19 Mohit Jain

這裏是我

HTML代碼工作的完整解決方案：--- chat.html包含我從ZOHO得到了代碼...

Click<a href="chat.html" style="padding-left:0px;"rel="popup console 350 350">here</a> to chat with us

這是要注意的主要...

rel="popup console 350 350"

Javascript代碼...

function addEvent(elm, evType, fn, useCapture){if(elm.addEventListener){elm.addEventListener(evType, fn, useCapture);return true;}else if (elm.attachEvent){var r = elm.attachEvent('on' + evType, fn);return r;}else{elm['on' + evType] = fn;}} 


var newWindow = null; 

function closeWin(){ 
if (newWindow != null){ 
    if(!newWindow.closed) 
     newWindow.close(); 
} 
} 

function popUpWin(url, type, strWidth, strHeight){ 

closeWin(); 

type = type.toLowerCase(); 

if (type == "fullscreen"){ 
    strWidth = screen.availWidth; 
    strHeight = screen.availHeight; 
} 
var tools=""; 
if (type == "standard") tools = "resizable,toolbar=yes,location=yes,scrollbars=yes,menubar=yes,width="+strWidth+",height="+strHeight+",top=0,left=0"; 
if (type == "console" || type == "fullscreen") tools = "resizable,toolbar=no,location=no,scrollbars=no,width="+strWidth+",height="+strHeight+",left=0,top=0"; 
newWindow = window.open(url, 'newWin', tools); 
newWindow.focus(); 
} 

function doPopUp(e) 
{ 
//set defaults - if nothing in rel attrib, these will be used 
var t = "standard"; 
    var w = "780"; 
var h = "580"; 
//look for parameters 
    attribs = this.rel.split(" "); 
if (attribs[1]!=null) {t = attribs[1];} 
    if (attribs[2]!=null) {w = attribs[2];} 
    if (attribs[3]!=null) {h = attribs[3];} 
    //call the popup script 
    popUpWin(this.href,t,w,h); 
    //cancel the default link action if pop-up activated 
    if (window.event) 
    { 
window.event.returnValue = false; 
window.event.cancelBubble = true; 
} 
    else if (e) 
{ 
e.stopPropagation(); 
e.preventDefault(); 
} 
    } 

    function findPopUps() 
    { 
    var popups = document.getElementsByTagName("a"); 
    for (i=0;i<popups.length;i++) 
{ 
if (popups[i].rel.indexOf("popup")!=-1) 
    { 
    // attach popup behaviour 
    popups[i].onclick = doPopUp; 
    // add popup indicator 
    if (popups[i].rel.indexOf("noicon")==-1) 
     { 
     popups[i].style.backgroundImage = "url(pop-up.gif)"; 
     popups[i].style.backgroundPosition = "0 center"; 
     popups[i].style.backgroundRepeat = "no-repeat"; 
     popups[i].style.paddingLeft = "3px"; 
     } 
    // add info to title attribute to alert fact that it's a pop-up window 
    popups[i].title = popups[i].title + " [Opens in pop-up window]"; 
    } 
} 
    } 

    addEvent(window, 'load', findPopUps, false);

來源

2010-03-20 16:00:44

嘗試使用window.open

window.open("http://chat.zoho.com/mychat.sas?U=c36599f3bbee3974d1af8b95ee04001b&chaturl=helpdesk&V=********************Center&smiley=false","mywindow","location=1,status=1,scrollbars=1,width=100,height=150");

來源

2010-03-19 08:52:59 Treby

添加頁面onLoad事件彈出。

<body onLoad="window.open('http://chat.zoho.com/mychat.sas?U=c36599f3bbee3974d1af8b95ee04001b&chaturl=helpdesk&V=********************Center&smiley=false','mywindow','location=1,status=1,scrollbars=1,width=100,height=150');">

來源

2010-03-19 09:00:32 DonaldIsFreak

這將通過每一個彈出窗口攔截器在那裏被調臺。除了響應用戶觸發的事件外，請勿使用window.open。 – Quentin 2010-03-20 16:13:59

如何在彈出窗口中獲得聊天

回答

相關問題