Hello, I would like to replace the chat on my forum with something else, here is the code I want to change my chat to.

<!-- <Auren Chat Box> !-->
<div id='aurenChatBox'></div>
<script>
var auren_chat_box = {};
auren_chat_box.width = 400;
auren_chat_box.height = 350;
auren_chat_box.id = 'spike';
</script>
<script src="http://aurenjs.com/embed/embed.js"></script>
<!-- </Auren Chat Box> !-->


I would like to take the default chat you get on forumotion to replace with that code, I tried doing in in my templates and index body but that way won't work.


Please help, thanks.

If you need my forum link it's spike.forums.fm


SO SORRY FOR DOUBLE POST

Have you tried adding the code to a HTML page, a widget, an announcement, or the homepage message?

@Luke Spike

Create a new JavaScript with placement only in index, copy and past the code below:

Code:


function insertChatBox(chatbox_id, chatbox_url) {
    return insertChatBoxNew(chatbox_id, chatbox_url);
}

function insertChatBoxNew(chatbox_id, chatbox_url) {

   document.getElementById(chatbox_id).innerHTML = '<iframe src="http://aurenjs.com/chat.php?id=spike" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}


Result:


JS

How do I add a message above the chat, also it works thanks!

Make a dash in the image I posted the place you want to put the message, ok?

JS

Here ya go.

http://prntscr.com/5c71yq

@Luke Spike

Try this CSS:

Code:


#chatbox_top:before, #chatbox_botton:before {
  content: "The text goes along here!";
  font-size: 14px;
  margin-top: -25px;
  position: absolute;
}


JS

I fixed your code and it's bottom not botton lol. Thanks, BUT it is going over the top of the chat and in to something else, how do I move it down and the chat down a little bit?


EDIT: What I mean is how do I move the text down a little then the chat a little.

Edit this part:

Code:

margin-top: -25px;

Okay, now how do I make it in to the center and add HTML text to lead to links, I tried but it just deletes?

Luke Spike wrote:I fixed your code and it's bottom not botton lol.

I'm human, then maybe I can fail!

Bye bye, so long, farewell...

JS

I was only pointing it out. O.o

Hello Luke Spike,

Try this :
Administration Panel > Modules > JavaScript codes management > Create a new script

Title : Your choice
Placement : In the homepage

Code:

$(function() {
  var msg = 'Your message here <a href="/forum">Link</a>', a = document.getElementById('frame_chatbox'), b = document.createElement('DIV');
  b.innerHTML = msg, b.className += ' msgBox';
  a.parentNode.insertBefore(b,a);
});

Edit the value of msg to change the message displayed above the chat.

Add this to your CSS to change the style of the message block :
Display > Colors > CSS stylesheet

Code:

.msgBox {
  text-align:center;
  background:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  padding:6px 3px;
  margin:6px 0;
}

P.S.
Correcting people on their grammar or spelling is often considered to be rude when they didn't ask for it.

Create a new HTML page with your new chatbox source code, e.g http://yourdomain.com/h1-page. Then, use iframe tag to place it on the page you want.

Code:

<iframe src="http://yourdomain.com/h1-page" width="" height=""></iframe>

sarkzkalie01 wrote:Create a new HTML page with your new chatbox source code, e.g http://yourdomain.com/h1-page. Then, use iframe tag to place it on the page you want.

Code:

<iframe src="http://yourdomain.com/h1-page" width="" height=""></iframe>

I see that you answered without even check if it has been answered, see: https://help.forumotion.com/t137171-how-to-replace-my-chat-with-a-new-one#926219

See also the previous message yours!

JS

Oh my bad, seems to be a bit of confusion. I don't even remember posting this here. What a shame! ="=
Thanks, JS.