Pop out Chat

Im trying to get my chatbox up more out of the corner.

[img][/img]

I want it on the right still but more towards the middle right of the page.

Code:

$(function() {
  window.$chatBoxLateral = {
    open : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce18.png',
    close : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce17.png',
    height : '400px',
    width : '800px',

    toggle : function() {
      var container = document.getElementById('chatbox_container').style;

      if (this.src == $chatBoxLateral.open) {
        container.width = $chatBoxLateral.width;
        this.src = $chatBoxLateral.close;
      } else {
        container.width = '0px';
        this.src = $chatBoxLateral.open;
      }
     
    }
  };

  var container = document.createElement('DIV'),
      button = document.createElement('IMG'),

      // container styles
      style = {
        height : '-1px',
        width : '0px',
        position : 'fixed',
        right : '0px',
        bottom : '0px',
        zIndex : '99999',
        transition : '300ms'
      }, i;

  button.id = 'chatbox_button';
  button.src = $chatBoxLateral.open;
  button.style.position = 'absolute';
  button.style.left = '-100px';
  button.onclick = $chatBoxLateral.toggle;

  container.id = 'chatbox_container';
  container.innerHTML = '<iframe src="/chatbox" style="width:100%;height:100%;border:none;"></iframe>';
  container.insertBefore(button, container.firstChild);

  for (i in style) container.style[i] = style[i];

  document.body.appendChild(container);
});

If I understood well, try this:

Code:

$(function() {
          window.$chatBoxLateral = {
            open : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce18.png',
            close : 'http://i21.servimg.com/u/f21/19/08/97/95/cresce17.png',
            height : '400px',
            width : '800px',
       
            toggle : function() {
              var container = document.getElementById('chatbox_container').style;
       
              if (this.src == $chatBoxLateral.open) {
                container.width = $chatBoxLateral.width;
                this.src = $chatBoxLateral.close;
              } else {
                container.width = '0px';
                this.src = $chatBoxLateral.open;
              }
           
            }
          };
       
          var container = document.createElement('DIV'),
              button = document.createElement('IMG'),
       
              // container styles
              style = {
                height : '500px',
                width : '0px',
                position : 'fixed',
                right : '0px',
                bottom : '0px',
                zIndex : '99999',
                transition : '300ms'
              }, i;
       
          button.id = 'chatbox_button';
          button.src = $chatBoxLateral.open;
          button.style.position = 'absolute';
          button.style.left = '-100px';
          button.onclick = $chatBoxLateral.toggle;
       
          container.id = 'chatbox_container';
          container.innerHTML = '<iframe src="/chatbox" style="width:100%;height:100%;border:none;"></iframe>';
          container.insertBefore(button, container.firstChild);
       
          for (i in style) container.style[i] = style[i];
       
          document.body.appendChild(container);
        });

Are you using this:  https://help.forumotion.com/t143414-add-the-chatbox-to-your-toolbar?highlight=chatbox ?