Обновление каптчи по клику

Очередное мелкое, но очень полезное дополнение. Заключается его суть в том, что возле каптчи становится возможным добавить кнопочку для перезагрузки проверочного кода.Очередное мелкое, но очень полезное дополнение. Заключается его суть в том, что возле каптчи становится возможным добавить кнопочку для перезагрузки проверочного кода.

Полностью расписывать установку я не буду. Я распишу только принцип работы:
1. Необходимо разобрать функция в скрипте – откроем header.php и перед тегом:

</head>


Добавить код:

<script>  
function refresh_on(_element_id)  
{  
  var element = document.getElementById(_element_id);  
  if (element)  
  {  
  element.src = element.src + '?' + (new Date()).getMilliseconds()  
  }  
}</script>


2. Функцию перезагрузки одного элемента разобрали. Теперь пойдём далее – нам необходимо пометить перезагружаемые элементы – в данном случае проверочный код, т.е. каптча. Разберём на примере register.php – откроем его и найдём:

<img src="image.php?<?php echo $res; ?>" />


Добавим к тегу img его id чтоб получилось:

<img src="image.php?<?php echo $res; ?>" id="code" />


Ну и наконец, рядышком необходимо добавить значок, по нажатию на который у нас обновится помеченный id элемент. Добавим после вышеуказанной строки код:

<a href="javascript:refresh_on('code');"><img src="картинка" align=absmiddle></a>


Чтобы получить в итоге:

<img src="image.php?<?php echo $res; ?>" id="code" /><a href="javascript:refresh_on('code');"><img src="картинка" align=absmiddle></a>


Обращаем внимание, что слово картинка в коде необходимо заменить на ссылку на ваш значок, который вы посчитаете наиболее подходящим для обозначения функции обновления по клику.

Вот в принципе и всё – комментируем и пробуем.

0

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Добавить комментарий

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля