How to get pop up for iframe in live chat?

How to get pop up for iframe in live chat?

Hi

i want to use Live chat in website that created with Zoho Sites.
but the window size of live chat is too big for putting in page.i want to use Pop up for chat.

i found these codes:

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

  1. 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);
but i can't insert java codes in html source !

So How to get pop up that iframe be loaded in it?