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

Kos replied to Hammad Shafique's discussion Tell me how to creat ning 2 chat on ning 3
"Ning never built the module so we've all had to utilize outside sources.  My favorite has been Come…"
3 hours ago
Hammad Shafique replied to Hammad Shafique's discussion Tell me how to creat ning 2 chat on ning 3
":("
12 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion Web Tools for Responsive Design (share your favorites)
"no problem bud"
20 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion Add Some POWr to Your Ning Community
"something new you can do with POWR"
yesterday
Kos replied to Boris Agranovich's discussion Signup popup stopped working on my Ning 2.0 site
"They always have to sign up or sign in to post.  Must've been something custom designed.  Maybe sha…"
yesterday
Kos replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"idk I would ask Ning in a support ticket. That way you have it in 'writing.'"
yesterday
Nidia replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"I don't know if i'm repeat this question, because there is so much here to read...
I would like to…"
Friday
Randy L. Vollett replied to VU APEX's discussion Want to add (add discussion link) and scroll in forum
"Go to your Dashboard and select Site & Pages. In your Layout & Content click on your FORUM box. Nex…"
Thursday
Kos replied to VU APEX's discussion Want to add (add discussion link) and scroll in forum
"I can answer part of this.  You can place 'buttons' to add a discussion on every page of your websi…"
Thursday
Matt Whisenant is now a member of Tips and advice.
Thursday
Jen replied to Jamie Baker's discussion Kopfans - From Ning 3.0 to Wordpress
"I agree with TJ. It looks nice, Jamie. The narrow width is interesting, like it! =)"
Thursday
TJ @ jQueryHelp replied to Jamie Baker's discussion Kopfans - From Ning 3.0 to Wordpress
"Hi Jamie,
I just visited your site.  It is nicely designed and appears to be very functional and ac…"
Thursday
Just Asking replied to Just Asking's discussion Anyone know how to make a profile activity page?
"Yes. What I'd like to do is to turn that module into its own page."
Wednesday
SweetPotato replied to Just Asking's discussion Anyone know how to make a profile activity page?
"There should be each member's activity feed on their profile page. Like this one:
http://live.autog&hellip;"
Wednesday
Sophie Salmon replied to Sophie Salmon's discussion How to block email @rediffmail.com on our network ?
"Many thanks ! it's so easy !
via (my network)/main/admin/signUpSignIn and Email Domain and IP Addre…"
Wednesday
Janice D Carter replied to Sophie Salmon's discussion How to block email @rediffmail.com on our network ?
"Sophie if you are on 2.0 go to your network sign up/sign in, you can block it there"
Tuesday
mysticpagan replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"Does all this apply to the people who migrated over from Ning 2.0 and had a sandbox site because at…"
Tuesday
Rowald replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"Incredible update, thanks for this new feature Ning. Waiting for about three years for an update li…"
Tuesday
Janice D Carter replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"I know that in 2010 this was a discussion about charging for storage.  At that time, we asked for a…"
Monday
Kos replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"Oye.  Can't be 'simple', can it.  *lol*  At least it's an option for 3.0 owners."
Feb 5
More…