2012-04-14 20 views
5

Sto usando simple captcha nel mio JSP. Va tutto bene. Voglio fornire un pulsante di aggiornamento a fianco di captcha per consentire all'utente di modificare il captcha. Captcha cambia solo quando si aggiorna la pagina completa, ma non voglio ricaricare l'intera pagina per questo.Refresh Simple Captcha

Ho bisogno dei tuoi suggerimenti su come posso implementare questo come utilizzare AJAX o JQuery per ricaricare solo il captcha, non l'intera pagina.

risposta

2
<script type="text/javascript"> 
    function reloadCaptcha(){ 
     var d = new Date(); 
     $("#captcha_image").attr("src", "/captcha_generator.jsp?"+d.getTime()); 
    } 
</script> 
    ... 
<img id="captcha_image" src="/captcha_generator.jsp" alt="captcha image" width="200" height="50"/> 
<img src="reload.jpg" onclick="reloadCaptcha()" alt="reload"width="40" height="40"/> 
+0

immagine ricarica non è in grado di fare clic .. mi potete suggerire plz? –

0

Non ricordo come funziona SimpleCaptcha, ma in genere, è sufficiente modificare l'attributo 'src' di you captcha <img>. Qualcosa di simile sul onClick del pulsante di aggiornamento:

var img = document.getElementById('captcha_id');// captcha_id is the id attribute of your caprtcha img 
img.src = 'Some new captcha url'; 
0
<script type="text/javascript"> 
    function reloadCaptcha(){ 
     var d = new Date(); 
     $("#captcha_image").attr("src", "captcha.php?"+d.getTime()); 
    } </script> 

<img id="captcha_image" src="captcha.php" alt="captcha image" width="90" height="33"/> <img src="images/refresh.png" alt="reload" width="22" height="22" border="0" onclick="reloadCaptcha()" /> 
+0

non può fare clic sul pulsante Aggiorna .... –