The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Pop out Chat

View previous topic View next topic Go down

Pop out Chat

Post by Emily901 on November 8th 2015, 9:23 pm

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);
});

Emily901
New Member

Female Posts : 23
Reputation : 3
Language : English

http://unknownsecerts.forumotion.com/

Back to top Go down

Re: Pop out Chat

Post by EndlessDream on November 9th 2015, 3:07 am

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);
        });


EndlessDream
Forumember

Male Posts : 107
Reputation : 22
Language : English, Spanish, Serbian

Back to top Go down

Re: Pop out Chat

Post by SLGray on November 9th 2015, 4:00 am



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum