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

soaringeagle replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"and thats how i took it ;)"
2 hours ago
SweetPotato replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"I meant it in a good way -:)"
2 hours ago
soaringeagle replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"been working so damn hard on this site with so lil sleep the 1st version of the vid i kept forgetti…"
3 hours ago
SweetPotato replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"Very cool.
I gotta say this: you speak completely differently from how you write. It's like two dif…"
3 hours ago
Michael Nguyen, Michelle Weber and Dan joined Ning Creators Network
7 hours ago
soaringeagle replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"why thank you dear
:)
the 1st versiondidnt come out well and i was rambling lil too much haha"
8 hours ago
Strumelia replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"I gotta say that is really a clear and helpful video, Soaring.
It's sure gonna help me a whole lot,…"
8 hours ago
soaringeagle replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"i just made a vid introducing the ease as well as power of jr
u can edit the 1st post with the embed"
8 hours ago
soaringeagle replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
""
8 hours ago
Radhika Bista is now a member of Tips and advice.
10 hours ago
Strumelia replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"High school was way better!"
11 hours ago
Writer Chick {Diane} replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"I feel like I'm back in high school again."
11 hours ago
SweetPotato replied to Abhishek Satyam's discussion How's my Ning 3.0 Network Design?
"I liked my bits :-)"
15 hours ago
Abhishek Satyam replied to Abhishek Satyam's discussion How's my Ning 3.0 Network Design?
"Hi SP,
I can see, this module (search header) was developed by my cousin, I have given him referenc…"
16 hours ago
SweetPotato replied to Abhishek Satyam's discussion How's my Ning 3.0 Network Design?
"Yeah, nice.
The design and functionality of your search drop down with the orange icon is almost ex…"
16 hours ago
SweetPotato replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"And i've just read the rest of this thread. Erm. Amusing. "
18 hours ago
SweetPotato replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"I migrated my Ning to BuddyPress, Curtis. The link has the details."
18 hours ago
John "JC" Colyer left a comment for John "JC" Colyer
"Is ning going out of business in 2015?"
19 hours ago
Strumelia replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"You do yourself a real disservice posting your epic hate-filled ramblings.  I can't imagine anyone…"
19 hours ago
Curtis replied to Ken Rich's discussion Ning to Jamroom - An Empowering Migration Path...
"Hello Jen-Long time no see! Good to see you following this!
This will be my last post in this parti…"
yesterday
More…