AJAX

Iframe reload with setTimeout

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2008

Posts: 4

Reputation: Dalli is an unknown quantity at this point

Solved Threads: 0

Dalli

Offline

Newbie Poster

Iframe reload with setTimeout

Sep 14th, 2008

Hello,
I have a problem with something very simple, but because of my 0 knowledge in js, i can't understand what am i doing/thinking wrong. I have one main site, that have 2 small iframes in between everything else. In the second iframe i have a form, when i submit the form, i need the first iframe to be reloaded with delay so it can read the updated info from database.
So, in the second (with the form) iframe i have the code:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<head><script type="text/javascript">
function f() {
  parent.mini.location.reload();
}
function r() {setTimeout(f(),2000);
}
</script>
</head>
<head><script type="text/javascript">
function f() {
  parent.mini.location.reload();
}
function r() {setTimeout(f(),2000);
}
</script>
</head>

and on the submit button on the form i have onclick="r()"
This reloads the mini iframe right away and gives Useless setTimeout call (missing quotes around argument?) in FF error console. I tried having some simple examples of setTimeout function, but still didn't get it to work. Tried also with every single syntax i could find online, with no result. Does anybody have any suggestions on what i should/could do?

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: Iframe reload with setTimeout

Sep 15th, 2008

This is why, you keep on getting those error-->

Help with Code Tags

(Toggle Plain Text)

function r() { setTimeout(f(),2000); }

You forgot to quote it.

Help with Code Tags

(Toggle Plain Text)

setTimeout("f()", 2000)

And here's my quick example about reloading those iframes' on your page! Hope it helps you... Good day..

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
<head>
<title><!--Sample--></title>
<html>
<head>
<title><!--Sample--></title>

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<script type="text/javascript">
function f()
{ 
 
var refresh = document.getElementById('frame1');
/* You can also use -->
   refresh.contentWindow.location.reload( true );
   but not all browser support this function!
   So i wil just perform a simple trick to get things done... Enjoy
   Code is as follows:
 */
  timer = setTimeout('f()', 1000);
if ( timer == 5 ) { clearTimeout( timer ); 
refresh.src = 'yourpage.html#'; //or you can just set this = refresh.src
 
} 
}
</script>
<script type="text/javascript">
function f()
{ 
    
var refresh = document.getElementById('frame1');
/* You can also use -->
   refresh.contentWindow.location.reload( true );
   but not all browser support this function!
   So i wil just perform a simple trick to get things done... Enjoy
   Code is as follows:
 */
  timer = setTimeout('f()', 1000);
if ( timer == 5 ) { clearTimeout( timer ); 
refresh.src = 'yourpage.html#'; //or you can just set this = refresh.src
 
} 
}
</script>

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
</head>
<body>
 
<div>
<iframe id="frame1" src="yourpage.html"></iframe></div><br />
<input type="button" value="click" onclick="f()" />
</body></html>
</head>
<body>

<div>
<iframe id="frame1" src="yourpage.html"></iframe></div><br />
<input type="button" value="click" onclick="f()" />
</body></html>

Quick Reply to Thread

Show Printable Version

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: Javascript - Picking a quantity displays the price
Next Thread: Currency usage in calculator form

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes