В форму вставлено, проверка работает.
Сделал быструю перезагрузку изображения, если код нечитаем вот так:
PHP часть:
<div style=\"float:left;\" id=\"kcaptcha\">
<img src=\"/kcaptcha/index.php?".uniqid('0')."\" alt=\"Защитный код\" />
</div>
<div style=\"float:left; padding:18px 0 0 10px; text-align:center; color:#979797;\">
Если код нечитаем,<br /><a href=\"javascript:void(0);\" onclick=\"reload(); return false;\">получите другой</a>
</div>и JS часть:
<script type="text/javascript">
function reload () {
var randomval = Math.random();
document.getElementById('kcaptcha').innerHTML = '<img src="/kcaptcha/index.php?'+randomval+'" alt="Защитный код" />';
};
</script>В результате, по нажатию на получите другой имеем перезагрузку картинки с кодом, т.е. цель достигнута.
Вот думаю сделать индикацию загрузки новой картинки с кодом.
Должно работать так: жмём на получите другой, картинка с кодом пропадает, на её месте появляется GIF'ка (а-ля ajax loader) и пока новая картинка с кодом не загрузится, пользователь должен видеть эту гифку.
Прошу помочь с реализацией :)
Смотрел в сторону использования onreadystatechange, но, кроме отправки браузера в "висячее" состояние, у меня ничего не получилось..
