Enabling refreshing for specific html elements only

Question

I would like to know how I can only refresh a specific element in my website  instead of the whole web page  The element I m talking about is a flash application that loads quite slow and may experience connection timeouts  I want to enable the user to only refresh that element falsh app  How do i do that  Below I have an Ajax function that updates an HTML element but not sure how to apply it to my situation    lt head gt       lt script type  text javascript  gt          function loadXMLDoc                 var xmlhttp              if  window XMLHttpRequest       code for IE7   Firefox  Chrome  Opera  Safari                 xmlhttp   new XMLHttpRequest                  else      code for IE6  IE5                 xmlhttp   new ActiveXObject  Microsoft XMLHTTP                              xmlhttp onreadystatechange   function                      if  xmlhttp readyState    4  amp  amp  xmlhttp status    200                        document getElementById  myDiv   innerHTML   xmlhttp responseText                                              xmlhttp open  GET    ajax info txt   true               xmlhttp send                   lt  script gt   lt  head gt   lt body gt       lt div id  myDiv  gt           lt h2 gt Let AJAX change this text lt  h2 gt       lt  div gt       lt button type  button  onclick  loadXMLDoc    gt Change Content lt  button gt   lt  body gt

User · Accepted Answer

Try this    x000D   x000D  function reload    x000D      var container   document getElementById  yourDiv    x000D      var content   container innerHTML  x000D      container innerHTML  content   x000D       x000D       this line is to watch the result in console   you can remove it later  x000D      console log  Refreshed     x000D    x000D   lt a href  javascript  reload    gt Click to Reload lt  a gt  x000D       lt div id  yourDiv  gt The content that you want to refresh reload lt  div gt  x000D   x000D   x000D    Hope it works  Let me know

User · Answer

try to empty your innerHtml everytime  just like this    x000D   x000D  Element innerHtml     x000D   x000D   x000D

User · Answer

Try this in your script       YourElement   html htmlData     I do this in my table refreshment

User · Answer

Try creating a javascript function which runs this   document getElementById  youriframeid   contentWindow location reload true     Or maybe use an HTML workaround    lt html gt   lt body gt   lt center gt         lt a href  pagename htm  target  middle  gt Refresh iframe lt  a gt         lt p gt           lt iframe src  pagename htm  name  middle  gt         lt  p gt   lt  center gt   lt  body gt   lt  html gt    Both might be what you re looking for

[javascript] Enabling refreshing for specific html elements only

Examples related to javascript

Examples related to html

Examples related to ajax