Empty column space on groups pages under member photos

[Margie Tosch]

I would like to be able to use this space for ads or applications, widget etc. Possible?

I would also like to add a space on top of or below the group members pic that has "about the moderator" for each group.

[TJ @ jQueryHelp]

Paste this into your Analytics textbox which you'll find by clicking Manage then clicking the Analytics icon:


<script type="text/javascript">

x$(document).ready(function() {

// Add Content under Members pics on a Group page:
if (x$(".xg_widget_groups_group_show").length > 0) x$("h2:contains('Members')").parent().parent().after('<div style="background-color:silver;padding:10px">Content: I\'m HERE</div>');

});
</script>


Put in your own Content where it says "Content: I\'m HERE" and change the div style to suit your site. You can put your "about the moderator" content in here too. Important: Don't use any single quotes ( ' ) unless you put a \ before it, as I did in the dummy content, or you will get an error.

[Margie Tosch]

Thanks! Worked like a charm. However it appear to put the same context in that space on all groups. Anyway to customize for each individual group?

[TJ @ jQueryHelp]

There's 2 ways I can think of, neither all that easy to code up. First, create a image file, like a jpg, for each group that has the content you want in that space. Name each one with the same name as your group name. Upload those files to your xn_resource folder using webdav, see this: http://developer.ning.com/tutorials/Use_XN_Resources_For_Faster_Dow... Once the files are created, the proper one for each group can be loaded with a little more jQuery code.

The other way is to use an external database that holds the custom content for each group. The data is accessed via jQuery.getJSON calls.

Are you familiar with javascript/jQuery? If so, this will give you a starting point to code the solution. If not, I'll see if I can implement something if i get a free hour or two, which isn't likely any time real soon, unfortunately...

Also, with the code I gave you, if you want to put widgets, ads, etc in there that is powered by javascript, it may not work - you'll need some different code that is a little more involved.

Hopefully I was of some help. :) I hope this wasn't more confusing than helpful. Let me know!

Best wishes,

"TJ"

[Margie Tosch]

I tried to add an ad zone in with Java Script and it doesn't show...

[Margie Tosch]

I am happy to pay you for your time if you can get it working. The ideal for me would be to have a small "your moderator is" box where a name of picture could be, then below that to have an ad zone for a tower ad (120 by 600). Could be one zone for all groups or targeted to the group for each group. I use plxAdTrader to manage the ad zones that are already running on the network. What would you charge?

[TJ @ jQueryHelp]

Yeah, I thought that would be the case. Have you bought the Premium service from Ning? According to their TOS, you can't show ads unless you pay their monthly fee.

If you bought the Premium service, I have some code that should be able to put a js ad in that space. There will be a small fee for it. Other developers here should be able to do it too, possibly free, you'd have to contact them and ask. Let me know if you want my help. Thanks! :)

[Margie Tosch]

Yes I already have all the premium services. How much? Can I implement myself then?

[TJ @ jQueryHelp]

I added you as a friend. If you accept, I'll message you the info. Thanks!