Jquery refresh <img>

[Chris-2k]

hi

i have an unusual captcha system and want to refresh the <img src="">

PHP Code:

<input type='button' id='refresh'>
<img src="<?php echo URL_THEME.'images/CaptchaCodes/CaptchaIMG_'.mt_rand(0,20).'.jpg'; ?>" style="margin-bottom:5px;" title="Captcha Code!" />

im guessing js can do this?

any help.......

[AndrewGSW]

It will be easier if you give your img an id, then use JS to change the src:

document.getElementById('imgid').src = "whatever.jpg";

Use JS's version of a random number, something like

var randomnumber=Math.floor(Math.random()*21);

If the value of URL_THEME is not available to JS somewhere then you'll need to extract it from the existing img's src using indexOf(), substr() (or substring()).

If this describes what you are after then you could report back and I (or someone else ) might help you assemble the code you need.

[xelawho]

something like this, if I understand you image paths correctly...

<input type='button' onclick="changeCap()" id='refresh'> 
<img src="<?php echo URL_THEME.'images/CaptchaCodes/CaptchaIMG_'.mt_rand(0,20).'.jpg'; ?>" id="captcha" style="margin-bottom:5px;" title="Captcha Code!" />
<script>
function changeCap() {
var num=Math.floor(Math.random()*21)
document.getElementById("captcha").src='images/CaptchaCodes/CaptchaIMG_'+num+'.jpg';
        }		
</script>

[AndrewGSW]

Actually, you don't need to extract URL_THEME separately; you just need to replace..

...CaptchaIMG_8.jpg // with
...CaptchaIMG_yournumber.jpg

[Chris-2k]

I dont know, as u see php is generating the random number, so all that needs changing is that number...

[AndrewGSW]

If URL_THEME won't contain any numbers then modifying xelawho's code:

function changeCap() {
    var num=Math.floor(Math.random()*21)
    document.getElementById("captcha").src = document.getElementById("captcha").src.replace(/[0-9]+/,num);
}

would just replace the random number with the one JS generates.

[Chris-2k]

Thanks both of ya's, both ideas worked...........