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

Alessandro replied to Adulcinio Rodrigues's discussion Problemas ao adicionar foto de perfil na rede ning 2.0 in Criadores Brasileiros - Brazilian Creators
"Voltou a funcionar agora."
12 hours ago
Alessandro replied to Adulcinio Rodrigues's discussion Problemas ao adicionar foto de perfil na rede ning 2.0 in Criadores Brasileiros - Brazilian Creators
"Estou com esse problema desde ontem. Na página do Facebook do Ning outros também estão reclamando d…"
13 hours ago
Adulcinio Rodrigues replied to Aurora's discussion Ning 2.0 in Criadores Brasileiros - Brazilian Creators
"Ola voce pretende comprar uma rede ning em funcionamento?"
13 hours ago
José Luis Cuendia replied to José Luis Cuendia's discussion Un problema. in Ning Networks en español
"Llevamos dos días sin poder acceder a nuestra red www.Moldeandolaluz.con.
Nos sale al intentarlo el…"
yesterday
John Bizley replied to John Bizley's discussion New Windows Style Nav Menu On My Site
"Added another little update to this, now if you click on the Tips & Tricks link a small menu will s…"
Friday
⚡JFarrow⌁ replied to Erika Hoff Holmgren's discussion How to center my groups and make it look more tidy?
"you guys are great!"
May 18
Steve C replied to Steve C's discussion Decreasing space between headings
"Thanks, George. You, too."
May 18
George H. Compton IV replied to Steve C's discussion Decreasing space between headings
"You're welcome Steve. You have a wonderful day. :-)"
May 18
heroning is now a member of NING NETWORKS EUROPE
May 18
George H. Compton IV replied to Erika Hoff Holmgren's discussion How to center my groups and make it look more tidy?
"Hello Erika  :) 
I added a media query wrap so it will look better on cell phones and smaller devic…"
May 18
Steve C replied to Steve C's discussion Decreasing space between headings
"Nevermind...got it. CSS. Thank you...it works perfectly!"
May 18
Steve C replied to Steve C's discussion Decreasing space between headings
"Thank you so much, George! Does that go in the custom code box or CSS?
Steve"
May 18
George H. Compton IV replied to Steve C's discussion Decreasing space between headings
"Good morning Steve, this will do the trick.. :-)
BODY .xg_theme .xg_widget_main.xg_widget_main_inde…"
May 18
Just Asking replied to Just Asking's discussion Here's a fun new glitch... random IP addresses seem to be blocked. Your network, too?
"I didn't hear back from Ning until yesterday. They told me they wanted the IP addresses of those lo…"
May 18
Kristin replied to Just Asking's discussion Here's a fun new glitch... random IP addresses seem to be blocked. Your network, too?
"We are experiencing the same issue. Externally, we can see it via Comcast/Cox/CIO'S but internally…"
May 18
Anam replied to Anam's discussion Integrating Facebook?
"In essence I am absolutely clueless on this issue re facebook. I have not really used facebook as a…"
May 18
Kos replied to Just Asking's discussion Here's a fun new glitch... random IP addresses seem to be blocked. Your network, too?
"Well I hope you gave Ning all of your information although I doubt it'll do us any good at this poi…"
May 17
Jonas replied to Just Asking's discussion Here's a fun new glitch... random IP addresses seem to be blocked. Your network, too?
"I also experience this: "ping creators.ning.com" does not work from one location (a pc) and works f…"
May 17
John Bizley replied to John Bizley's discussion New Windows Style Nav Menu On My Site
"Added one more expanding pane to the menu, this shows the news section from my blogs but anything c…"
May 17
John Bizley replied to John Bizley's discussion New Windows Style Nav Menu On My Site
"Thanks George :-)"
May 17
More…