Placement of Chat Box

Hello!  I recently changed to a different chat box on my forum and was wondering if there is any way I can get it placed above the "Who Is Online?" portion of the forum main page.

Here's a picture of it:



Here is the code I have for it as of now:

Code:

$(function() {
  if (!_userdata.session_logged_in) return;
  var content = '<div id=\"smartchatbox_img827631573\" style=\"width: 900px; height: 350px; overflow: hidden; margin: auto; padding: 0; border: 1px solid #000000;  background: url(\'http://www.somagames.com/redwall/pitch/wp-content/uploads/Redwall_Door_Wide.png\') 50% 50%; \"><div id=\"smartchatbox827631573\" style=\"width: 900px; height: 350px; overflow: hidden; margin: auto; padding: 0; border:0; \"><iframe src=\"https://www.smartchatbox.com/shoutbox/sb.php?key=827631573\" scrolling=\"no\" frameborder=\"0\" width=\"900px\" height=\"350px\" style=\"border:0; margin:0; padding: 0;\"></iframe></div></div>;',
      d = document.createElement('DIV');
  d.innerHTML = content;
 
  document.getElementById('page-body').appendChild(d);
});

Your help is greatly appreciated!

Hi @Merenwe,

Replace your javascript by the following code :

Code:

$(function() {
  var who = document.getElementById('i_whosonline');
  if (!_userdata.session_logged_in || !who) return;
  var content = '<div id=\"smartchatbox_img827631573\" style=\"width: 900px; height: 350px; overflow: hidden; margin: auto; padding: 0; border: 1px solid #000000;  background: url(\'http://www.somagames.com/redwall/pitch/wp-content/uploads/Redwall_Door_Wide.png\') 50% 50%; \"><div id=\"smartchatbox827631573\" style=\"width: 900px; height: 350px; overflow: hidden; margin: auto; padding: 0; border:0; \"><iframe src=\"https://www.smartchatbox.com/shoutbox/sb.php?key=827631573\" scrolling=\"no\" frameborder=\"0\" width=\"900px\" height=\"350px\" style=\"border:0; margin:0; padding: 0;\"></iframe></div></div>;',
      node = who.parentNode.parentNode.parentNode.parentNode,
      d = document.createElement('DIV');
  d.innerHTML = content;
 
  node.parentNode.insertBefore(d,node);
});

Thank you!  It worked perfectly!

You're welcome

Topic archived