Reloading only part of a page?

reloading, reload, refresh

[Tim_Mousel]

<img src="randomImage3.php" alt="Verification Number" align="absmiddle" /><input name="button" type="button" onclick="window.location.reload()" value="New Code!" />

How would I make that reload without reloading the entire page?

Thanks in advance.

[Trace]

This should work;

<img src="randomImage3.php" alt="Verification Number" align="absmiddle" id="thisImage" /><input name="button" type="button" onclick="document.getElementById('thisImage').src='randomImage3.php';" value="New Code!" />

[Tim_Mousel]

Hi,

Thanks for your reply. I tried that in both Firefox and IE7 and there was no response. Any ideas?

Thanks!

[Trace]

This is an exact copy of what I just tried;

<img src="logo1.gif" alt="Verification Number" align="absmiddle" id="thisImage" /><input name="button" type="button" onclick="document.getElementById('thisImage').src='logo2.gif';" value="New Code!" />

It works for me. The only difference is I'm actually trying it with images and not a php script. I can't help you with the php stuff, sorry.

[Tim_Mousel]

Hi,

Not sure why it gave me a problem. This is what I ended up using:

  <img src="randomImage3.php" id='randImage2' alt="Verification Number" align="absmiddle" /> <input name="button" type="button" onclick="document.getElementById('randImage2').setAttribute('src', 'randomImage3.php?r='+ Math.floor(Math.random() * 5000));" value="New Code!" />

[Tim_Mousel]

...and, thanks again.