Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

Replies

  • NC for Hire

    Hi Andrew , there are two ways of doing this:

    1) Use jQuery .load() to load up the event page and get the total event number out , this approach is simple however it will slow down(a little) your site for loading up another page.

    2) Using a much complicated technique which requires a server to store that information, first we obtain the currently existing event count , then add a function to add event button to increase that count , the count information will be stored in database of a server outside of Ning. Then when user loads the home page , a script will retrieve the count information from the server then display it out on home page textbox. Well I don't recommend this approach as it involves a lot of work but this one does not increase your site loadtime as much as first approach.

    Assume that you want the total events (upcoming+past events) , so we need to get the data from

    http://yournetwork/events/event/listAllTypes

    So here is the FIRST approach code:

    HTML: use this code so that the script can inject the count into the span(of course , put this in your textbox)

    <span id="eventcount"></span>


    You can put content in front of it like :

    Total Events: <span id="eventcount"></span>

    Now the script(put this in custom code):

    <script type="text/javascript">

    //coded by Elson Tan (@elsodev) elsodev.com
     var ecount = '0';
    if(x$('span#eventcount').length){
          
    //event count span exists
    x$('#xn_bar').before('<div id="ecountstore" style="display:none;width:0px;height:0px;"></div>');
    //we load up that page and put the html into an invisible box
    x$('#ecountstore').load('events/event/listAllTypes .xg_span-12 ul', function(){
    x$('#ecountstore ul li a').remove();
      x$('#ecountstore ul li').each(function(){
          var tempstore = x$(this).text();
          //we remove brackets from the each numbers
           var getecount = tempstore.replace(/\((.*?)\)/g, '$1');
         //we add it up to obtain a total
           ecount = parseInt(parseFloat(ecount) + parseFloat(getecount));
      });
    //after each function done , we display out the total
    x$('span#eventcount').html(ecount);
    });
    }
    else{
    }
    </script>

    There are a few things in the script that you may not understand:

    •        var getecount = tempstore.replace(/\((.*?)\)/g, '$1');

    This is to remove the brackgets using regex , you can learn more about it here , its awesome for matching things

    •        ecount = parseInt(parseFloat(ecount) + parseFloat(getecount));

    This is adding up to get the total value , I used parseFloat to turn it into an floating point integer , this might be new to you. What it does is to make your integer able to undergo calculation properly. Normally if you don't use parseFloat , javascript will turn 2+1 into 21 , while using parseFloat 2+1 =3 . You can learn more about it here

    That's it , hope it helps. I havent tested the code , just roughly coded , I hope it works.

  • NC for Hire

    TJ's script only gets the upcoming events count with brackets, not all existing events sum/total.

  • Thats cool...actually, I am only interested in the upcoming events. thanks guys.

This reply was deleted.

Search the Creators Network

Latest Activity

TJ @ jQueryHelp replied to Alan's discussion Adding Java Script
"Hi The Builder,

Looks like you're trying to add a div and some js using x$ in the Custom Code Head…"
10 minutes ago
Lea Scott replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Ohhh I see ;)
Thought I was missing out on some perk lol!"
1 hour ago
steve replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"This is a great idea.. im sorry to say Ning creators is dying a slow horrible death and this is ver…"
1 hour ago
The Builder :) replied to Alan's discussion Adding Java Script
"Hi Jen dont work for me in my ning 3 site. I need  add  this code in head seccion of my custom code…"
6 hours ago
Ben Carr replied to Ben Carr's discussion Ways to Overcome the Activity Feed
"Thanks Steve. We have had this layout for a long time though and are considering some changes just…"
7 hours ago
John Bizley replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Just added my application Jamie :-)"
9 hours ago
Kos replied to Brendan Dunleavy's discussion Login Panel on Homepage
9 hours ago
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"The very first, thanks Diane. I've added some posts and will continue to add more, plus I'll be rev…"
9 hours ago
Writer Chick {Diane} replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"I'm a member already.  Looking forward to some helpful tips and positive posts!  :D  Thanks for the…"
9 hours ago
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Thanks John, I look forward to seeing you there, be great to have such a top tipster on board ;)"
9 hours ago
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Great to see you on board Justin, thanks for the support."
9 hours ago
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Thanks Bernard"
9 hours ago
John Bizley replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Good luck on the site Jamie, will come over and Join to post some tips etc."
11 hours ago
John Bizley replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Thanks JF, still a little to do on the detail page and also next is to figure out how to get those…"
11 hours ago
John Bizley replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Thanks Ceddy"
11 hours ago
John Bizley replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Thanks Thiago, still a little to do but nearly there :-)"
11 hours ago
John Bizley replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Thanks Jamie"
11 hours ago
John Bizley replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"Lea yes I do pay for the other site as this will become something else at some point."
11 hours ago
JFarrow replied to John Bizley's discussion NEW: VIDEO PAGE USING A BLOGS PAGE: See what you think so far
"nice work John!"
11 hours ago
Aubrey Williams, Courtney Cunningham, Brendan Dunleavy and 4 more joined Ning Creators Network
11 hours ago
More…