i created a form that it contains some text fields which the user should fill them and in the last part i created captcha image that displaying some characters for typing inside the box then i decided to add some refresh button beside my image but the problem is here that i wanna refresh the image without reloading the page again

<?php include "../../db.php"; $id=rand(1,20); $select=mysql_query("select * from captcha where id=$id "); $result=mysql_fetch_array($select);

$captchaname=$result['name'];  $captchaimage=$result['imagename']; 
<table width="207" border="0" cellspacing="0" cellpadding="0">
    <td width="186"><img src="images/<?php echo $captchaimage ?>" width="181" height="61" /></td>
    <td width="21" align="right" valign="bottom"><a href="javascript:document.location.reload();"
ONMOUSEOVER="window.status='Refresh'; return true"
ONMOUSEOUT="window.status='ah... that was good'" title="Refresh the captcha image">
<img src="../images/view-refresh.png" 
width="16" height="16" border="0" /></a></td>

please help me ?

If you mean that put image directly after click link or button. My advise is use jquery onclick. For example

$(document).ready(function() {
	$('#link').click($('#img').src='<?php echo $link ?>');
});//please don't copy this code. This haven't been tried yet

but if you wish to do it without click, please remove the onlick function.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.