Share This Article:

Subscribe to Kavoir:

<iframe></iframe> is useful in many aspects. There are times when you want to refresh the content of an iframe and reload the page in it, without refreshing that of the main page, and it can be achieved with a tiny property of iframe, src.

Let’s say you have an iframe of captcha that enables the user to refresh it and serves different security code every time.

<iframe name="security-code" id="security-code" src="/gen-captcha-image.php"></iframe> 

<a href="javascript:refreshCaptcha();">Refresh for new code!</a> 

refreshCaptcha() looks like this:

<script type="text/javascript">
	function refreshCaptcha () {
		var code = document.getElementById('security-code');
		code.src = code.src; // that is the essence here
	}
</script>

Share This Article:

Subscribe to Kavoir:

You should also read:

• PHP and JavaScript Variable / Value Transfer / Exchange: How to pass variable values from PHP to JavaScript or JavaScript to PHP?
• How to include a JavaScript file inside a JavaScript file?
• PHP, JavaScript: Stop and prevent others from framing your site or web page
• HTML CSS Drop Down Menu Made Easy – SuckerFish Enhanced
• HTML: Make a Page Refresh Every xx Seconds