jQueryHelp

Help with jQuery Mods and Hacks for your Ning Network!

FREE APP, JUST FOLLOW THE 2 SIMPLE RULES BELOW!!!!!

NEW! FREE CODE FOR NING 3.0!  See 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"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!
NING 3.0 Version. 
If you use this, follow the 2 simple rules above.
Also, please follow me on Twitter!  http://Twitter.com/TJprogrammer  Thanks!
This goes in your Custom Code, End of Page Code box:
<!-- Code By TJ - 7/29/14 - 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 jQH_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$('div.section-activity').length > 0) {
    x$(window).scroll(function() {
        if (x$('div.section-activity').css('display') != 'none') {
            var elt = x$('a.activityFeed-moreOldItemsButton');
            if (jQH_IsScrolledIntoView(elt)) x$(elt).click();
        }
    });
}
</script>

Tags: Activity, Latest, content, facebook, more, scroll, twitter

Views: 1353

Reply to This

Replies to This Discussion

Hey Tj! Im interested =]

Sexxy App! 

Little ms Surfer chick
amandabears.com
mammatropolis.com

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.........

 

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

<3 

Little ms Surfer chick
amandabears.com
mammatropolis.com

=] so how to I apply it?

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

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Oops!  might be late. Squeeze me in Tj.

Great work.

Volunteer to help English learners
at www.myeeonline.com
All you have to do is chat with them.

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!

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Hope im not too late for this Tj, i would like to be in :)

Creator of MY OWN SPACE 360 http://myownspace360.com

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!

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

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.

Volunteer to help English learners
at www.myeeonline.com
All you have to do is chat with them.

Tj.. am i am i am i in , always love some new code  and this sounds terrific 

Reply to Discussion

RSS

Notifications

Temporarily Offline

Friends of Friends

© 2014   Created by TJ @ jQueryHelp.

Badges  |  Report an Issue  |  Terms of Service

EOP
EOP2