CODEWITHSUNDEEP
javascripthtmlvisualforce
PepeFloyd
PepeFloyd

Reputation: 1195

How to refresh a div?

Most of the examples I have found explain how to refresh a div with text or with another page. I just want to reload the div again after click on a button. How can I do this using javascript?

Thanks.

Upvotes: 0

Views: 7776

Answers (4)

Vishal Suthar
Vishal Suthar

Reputation: 17193

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

So we just place this little JS code snippet into our page to refresh everything inside the tag with the content id, let’s say every 5 seconds:

setInterval(function() {
    $("#content").load(location.href,"");
}, 5000);

Upvotes: 0

Kirill Kobelev
Kirill Kobelev

Reputation: 10557

Any change to the DIV element is stored in the DOM of the page is displayed immediately. You do not need to do anything for that. However, the old state of the DIV after the change is lost. You need to store it somewhere and setup it again to make it visible.

Upvotes: 2

Wernsey
Wernsey

Reputation: 5491

With AJAX.

If you use jQuery, it's as simple as $('#mydiv').load(url)

Upvotes: 2

Nish
Nish

Reputation: 2356

Please call a ajax function on click of the button and set the innerHTML property of the div with return result.

Upvotes: 0

Related Questions