Embed ning chat on other pages

[Matt]

So maybe for some this is obvious, but I know for myself, and some others it isn't.

 

To embed your ning chat on any page of your ning network, or any website for that matter simply put your ning url in the code below, and paste it where you want it.

You can also, of course, change the size to fit your own needs.

 

<iframe src="http://YOURNINGURL/chat/index/popOutWindow" name="Chat" scrolling="no" frameborder="no" align="center" height="450px" width="450px" id="Chat"></iframe>

 

 

Hope this helped! :)

[Andrew Young]

Hey everyone,

I wanted to share the following popup chat code. Works very well for me!

 

The code - Put in your custom code box:

<script type="text/javascript">

// Popup Window Script (version 3.0) //Visit www.changchunstuff.com //Win Type: Pop Up | Session Only  

var popurls=new Array() popurls[0]="http://www.changchunstuff.com/chat/index/popOutWindowV4"

function openpopup(popurl){ var winpops=window.open(popurl,"","width=600,height=500,menubar,resizable") }

function get_cookie(Name) {   var search = Name + "="   var returnvalue = "";   if (document.cookie.length > 0) {     offset = document.cookie.indexOf(search)     if (offset != -1) { // if cookie exists       offset += search.length       // set index of beginning of value       end = document.cookie.indexOf(";", offset);       // set index of end of cookie value       if (end == -1)          end = document.cookie.length;       returnvalue=unescape(document.cookie.substring(offset, end))       }    }   return returnvalue; }

function loadornot(){ if (get_cookie('jkpopup')==''){ openpopup(popurls[Math.floor(Math.random()*(popurls.length))]) document.cookie="jkpopup=yes" } }

loadornot() </script>

-----------------------------------------------------------------------

One thing, Anyone know how to make it pop behind the main browser page?

[dave]

I visited your site Andrew, The chat looks good,i see you have animation as well, looks like it's working great, Have a great week.

Best wishes Dave.

[Kwaku OwusuAfriyie]

Nice

[Vladimir Sebastian Bach™]

This is what I did with mine.

.xg_chat.chatModule #userListContainer {
    display: inline-block;
}
.xg_chat.chatModule .xg_chatWindow .xg_messageListHeading {
    display: none;
}
.xg_chat.chatModule .xg_chatWindow ul.xg_messageList {
    top: 2px !important;
    width: 750px !important;
right: 10px;
left: 5px !important;
box-shadow: 0px 2px 8px -2px #000;
background: #fff !important;
}
.xg_chat.chatModule .xg_chatWindow .xg_messageListFooter {
box-shadow: 0px 2px 8px -2px #000;
}
.xg_chat.chatModule .xg_chatWindow {
    background: none repeat scroll 0% 0% #e5e5e5 !important;
}

.xg_theme .xj_ad_below_header {
    padding-top: 0px !important;
box-shadow: none;
}
.xg_chat.chatModule .xg_info.xg_activeConversations {
    display: none;
}
.xg_chat.chatModule #userListContainer {
    border: none;
height: 100% !important;
}
.xg_chat .xg_bottomBar {
    position: absolute;
    bottom: 1px;
}

[Ryan Ayres]

Anyone have any updated code on this? The first code doesn't seem to work any longer. Maybe because of chat program upgrades?

[FLUX]

Here is the new code! Enjoy!

<iframe src="http://YOURNINGURL/chat/index/popOutWindowV4" name="Chat" scrolling="no" frameborder="no" align="center" height="450px" width="450px" id="Chat"></iframe>

The URL needed a V4 at the end. 

[Leonardo Gravina]

And if I want to embed a chat in a private group, without it be available in another part of my Ning network? Is it possible?

[Thiago Santos de Moraes]

I think it is not.

[Joe Paisley]

Hi!

When I use this code to insert chat into my mobile website, there's an issue with height.  How can that best be resovled? Can it be scaled to fit?  Thanks!