Skip navigation
Currently Being Moderated

cfdiv refresh

Jul 8, 2009 5:09 AM

I have a page where there is dynamic text and a form. I want to refresh the section containing the dynamic text. I dont want the form section to refresh.

Initially the page displays OK but on refresh anything after cfdiv is dupllicated on the screen. any ideas?

 

refesh_test.cfm:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function refreshdata() {
ColdFusion.navigate('refresh_test.cfm','testdiv');
}
</script>
</head>

 

<body onload="window.setInterval('refreshdata()',5000)">

 

<cfdiv id="testdiv">
<p>sample text here to be refreshed....</p>
</cfdiv>

 

<p>this form is not to be refreshed...</p>
<form action="post.cfm" method="post" name="test">
<input name="test_field" type="text" />
<input name="submit" type="submit" />
</form>

 

</body>
</html>

 
Replies
  • Currently Being Moderated
    Jul 8, 2009 10:48 AM   in reply to coylo

    iframe

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 29, 2011 1:41 PM   in reply to coylo

    Did you ever figure out how to do this?  I want to do the same thing.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 2, 2011 8:57 AM   in reply to idesdema

    Think about what you're doing when you're calling the ColdFusion.navigate() function - you're telling CF that you want to load in the contents of the target page (refresh_test.cfm) into your ajax-enabled DIV.  Now take a closer look at the contents of your refresh_test.cfm page - notice how the page contains not only the contents of your DIV, but ALL the page content (including the <form> section that you don't want to refresh).

     

    If you remove the content of your "refreshable" div to a separate CFM file, you can use the method you have outlined here to load that content in via CF's AJAX functionality without bringing in any of the additional content on your page.

     

    e.g.

     

    1) Put code to be refreshed in a separate CFM

    2) On your layout page include the code inside your <cfdiv> using <cfimport>

    3) Use the ColdFusion.navigate function to refresh that <cfdiv>

     

    That should get you to where you need to go. 

     

    Hope that helps!

     

    - Michael

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points