Help with jQuery Mods and Hacks for your Ning Network!
Show More Latest Activity just by Scrolling!
FREE APP, JUST FOLLOW THE 2 SIMPLE RULES BELOW!!!!!
Hi my friends! 
It is time to get your Ning sites into the 21st century! 
Here is a very cool feature that you can add to your sites that gives your members the type of experience they expect from modern websites.
With this app, your members can scroll down the Main page and when the "more..." button in the Latest Activity List is visible on the page, it will automatically show More Latest Activity! No need for your visitor to click that "more..." button, the content just loads!
ALL the best new sites have this, now your Ning site can have it!
Facebook has this, Twitter has this! Pinterest has this! YOUR MEMBERS want this!
Check it out on our Main page and please give me your feedback here.
Here is the code (it goes in your Analytics / Custom Code box. Read the RULES below!):
<!-- TJ - 7/16/12 - Latest Activity More on Scroll -->
<!-- COPYRIGHT B K SERVICES INC. ALL RIGHTS RESERVED -->
<!-- Please report stolen copies of this code, or unauthorized use, to TJ@BKServ.com -->
<script type="text/javascript">
function isScrolledIntoView(elt) {
var docViewTop = x$(window).scrollTop();
var docViewBottom = docViewTop + x$(window).height();
var eltTop = x$(elt).offset().top;
var eltBottom = eltTop + x$(elt).height();
return ((eltBottom <= docViewBottom) && (eltTop >= docViewTop));
}
if (x$('#xg_network_activity').length > 0) {
x$(window).scroll(function() {
if (x$('#xg_network_activity').css('display') != 'none') {
var elt = x$('button.xj_see_more');
if (isScrolledIntoView(elt)) x$(elt).click();
}
});
}
</script>
YOU CAN USE THIS ONLY IF YOU FOLLOW THESE TWO RULES!!!!
1. DO NOT CHANGE ANYTHING WITHOUT MY PERMISSION! COPY IT EXACTLY AS IT IS TO YOUR CUSTOM CODE BOX.
2. LET ME KNOW YOU ARE USING THIS ON YOUR SITE! TELL ME HERE IN THIS FORUM DISCUSSION WHAT THE URL IS OF THE MAIN/HOME PAGE WHERE YOU ARE USING THIS.
If you do NOT follow these 2 simple rules then you can't use this code!
Follow these rules or I will catch you and I will prosecute you. You have been warned!
Anyone who finds someone using this code who has broken either rule will be rewarded with CASH in the form of jPoints!
Notes, PLEASE READ:
1. You may want to move the Latest Activity module to the bottom of your Main page because anything under it won't show until all your Latest Activity has loaded.
2. If you want this code to work for the Latest Activity on your members' profile pages, let me know. If people want it, I'll give out the code for that.
3. This is just a small part of a bigger app called "More On Scroll" which scrolls more list items, comments and replies on all pages of your Ning Network. More about that, HERE!
4. This probably won't work if you added a vertical scroll bar to your Latest Activity module.
5. This probably won't work with Vaqz' jQuery Tabs mod that a lot of people found on Creators and are using on their sites. http://creators.ning.com/forum/topics/jquery-tabs-save-more-space
THANKS and best wishes!
"TJ"
Tags: Activity, Latest, content, facebook, more, scroll, twitter
Views: 853
Replies to This Discussion
-
Permalink Reply by Amanda Bears on -
Sexxy App! Little ms Surfer chick
amandabears.com
mammatropolis.com
-
Permalink Reply by TJ @ jQueryHelp on -
Thanks for the feedback, Leo and Amanda!
OK, the first 5 people who come here and say they want this are gonna get it FREE! I assume Leo and Amanda both want it, so 2 down, 3 more can have it, so who will it be???
Oh and by the way, there just may be a more complete version of this app available soon, where ALL content loads automatically upon scrolling to the bottom of the page.........
-
Permalink Reply by Amanda Bears on
-
<3 Little ms Surfer chick
amandabears.com
mammatropolis.com
-
Permalink Reply by TJ @ jQueryHelp on
-
OK Leo and Amanda, I'll message you the code for the scrolling of Latest Activity items this week and you can see how it works on your page! Thanks for helping to test this out
-
Permalink Reply by TJ @ jQueryHelp on
-
You're IN, Denis!
OK, 2 more... Who wants into the 21st Century!?!?!?! Start letting your Visitors scroll through your content like they already do on FaceBook and Twitter, rather than having to click Next and page through content like we did last century!
-
Permalink Reply by Peter Harper on -
Hope im not too late for this Tj, i would like to be in :)
Creator of MY OWN SPACE 360 http://myownspace360.com
-
Permalink Reply by TJ @ jQueryHelp on
-
You're IN, Peter!
One more... Who wants to make their Members Happy!!! The less clicking the better! Just scroll, that's how FaceBook and Twitter do it, WE should do it that way too!
-
Permalink Reply by Denis on -
I can't wait to experiment this on my network. I wish that could be used on the Members page too. The most boring thing on Ning networks is click through hundreds of members.
© 2013 Created by TJ @ jQueryHelp.
