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

Anant Garg replied to Anant Garg's discussion CometChat Network Edition now available for NING
"Thank you for your kind words. Please feel free to email us at help@cometchat.com if you have any q…"
2 hours ago
Poppili left a comment for Poppili
"Thanks Jamie 
Please send me an email to contact@mumaround.com
Thanks a lot"
4 hours ago
Jim Kinson replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"George, this is awesome as usual. Why did we even have to do this 3.0 thing. They could have hired…"
7 hours ago
Jamie Baker left a comment for Poppili
"Hi,
I see your looking for some design help. Drop me a message if your stuck.
Jamie"
7 hours ago
steve replied to Neil Norton's discussion No notifications equals slow death for groups
"The last time this was mentioned it was pointed out that inline notification wont be included in Ni…"
10 hours ago
Fire-Tech replied to Anant Garg's discussion CometChat Network Edition now available for NING
"Just installed and have to say that first impressions are great! Notifications and file uploads are…"
13 hours ago
steve replied to Theresa Happe's discussion Looking for someone to switch my site for ning 3.0
"I think the reality is, it doesn't much matter when you compare N2 to N3, the fact is N2 is being d…"
13 hours ago
United Spirits replied to Traddie's discussion Does any member have Code to add "views" to a page
"Freehostedscripts gives you the ability to show whose online two."
20 hours ago
United Spirits replied to United Spirits's discussion Alternative Text Editor
"This makes me pretty excited. The default Text editor just I don't really like it. I just hope it w…"
20 hours ago
United Spirits replied to Theresa Happe's discussion Looking for someone to switch my site for ning 3.0
"Ning 3 is better for designers. Fine grain controls are its selling point. Ning 2 is better for fix…"
20 hours ago
Jen replied to Willerie Razote's discussion CSS Advice: How to change the title to buttons
"It was such a small bit of help. =) Thank you, Willerie!"
yesterday
Bernard Lama replied to Traddie's discussion Does any member have Code to add "views" to a page
"Hi Traddie,
You can use the code from here http://www.hitwebcounter.com as I'm using the same here …"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"hello Scott.. Sure that should be a simple thing I'll work on it Monday and get back to you as soon…"
yesterday
Simon Farnworth replied to Ceddy J's discussion Quick Add Feature For Activity Feed?
"Wow! How did you do that??"
yesterday
George H. Compton IV replied to United Spirits's discussion Alternative Text Editor
"SP I've been really busy this weekend I'll try to work out the CSS Monday.
Even though I'm sure you…"
yesterday
Willerie Razote replied to Willerie Razote's discussion CSS Advice: How to change the title to buttons
"@Jen--echoing Joanna, you are AWESOME!  Helpful and always on point!"
yesterday
Jen replied to Willerie Razote's discussion CSS Advice: How to change the title to buttons
"@Joanna, Goodness, made my day. Thanks, happy it helped a tiny bit."
yesterday
Poppili left a comment for vaqz
"Hi
Please send me an email to contact@mumaround.com
I am looking to hire a ning developer"
yesterday
SweetPotato replied to Traddie's discussion Member Map Not Working
yesterday
Joanna replied to Willerie Razote's discussion CSS Advice: How to change the title to buttons
"Jen - as usual, you're awesome. Thanks.
I had the same problem."
yesterday
More…