In my registration page, i've implemneted JCaptcha. The problem is sometimes it's very difficult to read the image. So, we are planning to provide a button named 'REFRESH' next to the jcaptcha image and upon clicking REFRESH button, it has to refresh only the jcaptcha image not the entire page/portlet. How can we do that?
Currently i'm doing this way in my jsp:
IN the image url, jcaptcha is a servlet.
<td><img id="siimage" src="/spring-portlet-sample/jcaptcha" alt="Dynamic Verification Code" border="5" >
<a style="border-style: none" href="#" title="Refresh Image" onclick='document.getElementById("siimage").src="/spring-portlet-sample/jcaptcha"; return false;'><img src="/jetspeed/decorations/portlet/jetspeed/images/refresh.gif" alt="Reload Image" onclick="this.blur();" border="0" align="bottom" /></a>
If anybody know the solution, please share.