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

Forum

Can you complete this code?

Hello Creators, I have a little challenge for those of you who know how to use the javascript language!

This is a code that apparently reloads only part of the page... anything that has an id. So, I have content on my network, ready to be refreshed every 5 minutes. I have wrapped my content in a <DIV>

this is how I did that...

<div id="#partialreload">

my content...

</div>

so, as far as I know, the content ready to be refreshed is now named with an id of #partialreload.

right?

So, here is the code that I am talking about, that should autorefresh the <DIV> that I have named, #partialreload.

its not working, I'm not really sure what I'm doing wrong. Can somebody offer a little bit of direction with this feature?

Thank you kindly!

Here's the codes...

$('#button1').click(function() 
{ var url = "http:www.your-url.com?ID=" + Math.random();
//create random number
setTimeout(function() { $("#elementName").load(url+" #elementName>*","");
}, 1000);

//wait one second to run function });

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • What I do is put the part of your page that you want refreshed every few seconds on it's own page of a separate server. Then place this code below into the head of that page.

    I then iframe that page onto the whichever page you want.

    btw- I'm not a coder but I copy & paste well. Somebody I'm sure has a cleaner code:

    <script>
    <!--

    /*
    Auto Refresh Page with Time script
    By JavaScript Kit (javascriptkit.com)
    Over 200+ free scripts here!
    */

    //enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from 0 to 59
    var limit="0:02"

    if (document.images){
    var parselimit=limit.split(":")
    parselimit=parselimit[0]*60+parselimit[1]*1
    }
    function beginrefresh(){
    if (!document.images)
    return
    if (parselimit==1)
    window.location.reload()
    else{
    parselimit-=1
    curmin=Math.floor(parselimit/60)
    cursec=parselimit%60
    if (curmin!=0)
    curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
    else
    curtime=cursec+" seconds left until page refresh!"
    window.status=curtime
    setTimeout("beginrefresh()",1000)
    }
    }

    window.onload=beginrefresh
    //-->
    </script>

    • Very interesting. I'm reading your code here, seems like that would do the trick... where would I put in my #partialreload <DIV> declaration though? That's the question. I wrapped the content I want to reload in a <DIV> called #partialreload.

      • I don't know the coding. Found it doing a google search, copied & pasted it.

        Make a new blank page using a different server, placed the html of the content you want to be refreshed every 2 seconds within the body tags then place that script in the head tag. Then give the page a name: /example-page.html

        Then go to the page you want the the content to be, and at the location of where you want it make an iframe <iframe src="/example-page.html" width="100%" height="135" scrolling="no" frameborder="0"></iframe> (adjust the height & width accordingly)

        • Oh also, if you have links in the content of your /example-page.html you'll want to target them with _parent.

  • NC for Hire

    Hi,

    first of all you cannot put # inside the ID tag of html.

    <div id="#partialreload"></div>

    Is ##partialreload

    Use this:

    <div id="partialreload"></div>

     

    While for the script:

    <script type="text/javascript">

    window.onload = refresher;

    function refresher(){
    setTimeout('refreshdiv();',300000);//refresh every 5 minutes , 5min =300000 milliseconds
    }
    function refreshdiv(){

    var url = "http://yoururl?id=" + Math.random();

    x$('#partialreload').load(url +" #elementname");

    }

    </script>

This reply was deleted.

Search the Creators Network

Latest Activity

John Bizley replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Thanks Kos, will do but may hold off a little posting onto creators and just add them to my site as…"
31 minutes ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Yes, much more clear"
2 hours ago
Kos replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Keep 'em coming John.  We appreciate it!"
2 hours ago
John Bizley replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Hi Anam, yes it's an all new site and profile for me here on creators. Joining will be available ve…"
4 hours ago
Anam replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Is this a different site to one I joined a while back where you posted tips? I checked out your new…"
5 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Just made that change, I did split it up in two parts but this should help with any confusion now :…"
16 hours ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"At least I'm not the only one that got that wrong.  You may want to BOLD OUT and underline that are…"
16 hours ago
John Bizley replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Thanks for your kind words Anastasia, there are many others on here who provide excellent tips also…"
17 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Garfield :-)"
17 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Anastasia
That might be because you may have added the first part of code to your css and no…"
17 hours ago
Anastasia Grey replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks John! That's Amazing for my Proyect. Just i wonder why i can't see " Feature Botton" Close…"
19 hours ago
Anastasia Grey replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Wow John! that's Great!  we finally have the best tips for ning 3 thanks to You!"
19 hours ago
Garfield Archivist replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"I can concur that as someone who spends quite some time on their site that 500 errors have been ver…"
20 hours ago
Kos replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"Sharp; well done John"
yesterday
Garfield Archivist replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Beautiful display of photos"
yesterday
John Bizley replied to John Bizley's discussion How To Make Your Photos List Even On Both Side ( useful for those with full page width themes )
"I do have a few of these as when adding group modules they do the same thing in big and smaller col…"
yesterday
John Bizley replied to John Bizley's discussion Noticed Your Articles Follow Button And Link Are Not Quite In The Page At The Bottom Of list Page? Here is a fix
"Thanks Kos, yes it's those little things that get me. I have quite a few of those to add :-)"
yesterday
John Bizley replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"Thanks Randy I appreciate your kind words. It is good to be back and posting again as really did mi…"
yesterday
Randy L. Vollett replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"You know if ning had hired you, 3.0 would have been finished long ago. Thanks for all these great t…"
yesterday
Kos replied to John Bizley's discussion Noticed Your Articles Follow Button And Link Are Not Quite In The Page At The Bottom Of list Page? Here is a fix
"Small but worthwhile.  Thank you!"
yesterday
More…