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

JFarrow replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks John.. i noticed that too after i posted... didn't occur to me that it was something i had a…"
1 hour ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"JF that is your activity feed footer, it seems there is a amount of 300px set for it. Have you set…"
2 hours ago
JFarrow replied to John Bizley's discussion Here are a couple of little text tips that you may find useful
"nice tips John!"
2 hours ago
Writer Chick {Diane} replied to Andrzej Góralczyk's discussion Background image in the header gone
"This is a recent bug. There have been tickets filed, but so far, I can't see where they've fixed it…"
3 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks Simon, you are most welcome :-)"
7 hours ago
Simon Farnworth replied to ismail shah's discussion Removal of Large Spaces between Posts
"You, Sir, are a star!"
7 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"Hi Simon, I just replied to your email and found it was the list in the modules in the side columns…"
8 hours ago
Andrzej Góralczyk replied to Andrzej Góralczyk's discussion Background image in the header gone
"Due to the fury of Users I had to remove this image. Also some other images with .png and transpare…"
8 hours ago
Luke Jones replied to Ron's discussion Ning Apps: Photo Tagging Feature (WIP)
"Ah awesome :) How do I join the free Early access ? :) I want the Emoji :P ah right aha, So do you…"
8 hours ago
Luke Jones replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"Awesome :) Will they be available to use on status updates ? :) that would be awesome :) How long r…"
8 hours ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Some topics I found are deleted!"
8 hours ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Hello Ron,
Well, I have searched all over the Creators network, but I didn't find any posting about…"
9 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"The above should work but try it this way and see if that helps, if not give me a link to your blog…"
10 hours ago
Simon Farnworth replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks, John! It doesn't seem to be working though :("
10 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"Simon if it's the spacing between each post you can use this, just adjust the amount for what you n…"
10 hours ago
Simon Farnworth replied to ismail shah's discussion Removal of Large Spaces between Posts
"I was using the code which John kindly provided for this but deleted it when 'spring cleaning' my c…"
10 hours ago
Andrzej Góralczyk replied to Andrzej Góralczyk's discussion Background image in the header gone
"Seems that .png format is not supported."
11 hours ago
Ron replied to Ron's discussion Ning Apps: Classifieds Preview
"Awesome! We are also planning to provide seamless integration at least interface wise, with these f…"
11 hours ago
Ron replied to Ron's discussion Ning Apps: Photo Tagging Feature (WIP)
"Hey Luke We're trying our best to reach Early Access and then Beta asap, so it's just an estimate b…"
12 hours ago
Ron replied to Jan Homan's discussion How to create a video as a header?
"Hey Jan,
Welcome to Creators Network :-) Yes, it is possible to put a video instead of a logo. Have…"
12 hours ago
More…