Здравствуйте. Суть такая, кликаем по картинке, которая сгенерирована при помощи библиотеки GD2, на изображении надпись, надпись зависит от кода который передаем в скрипт.
После клика вызываем следующую функцию:
Данная функция делает запрос на генерацию нового ключа, от которого как раз зависит картинка.
$(document).ready(function() {
$('#new_code').click(new_code);
function new_code()
{
alert(1);
//Получить новый код из php скрипта
$.ajax({
url: "gen_pass_ajax.php",
global: false,
type: "POST",
beforeSend: function(){
//тут можно что-нибудь показать пока идет обмен информацией
return true;
},
dataType: "json",
success: function (data)
{
if(data.success == true)
{
$('#code_div').html("<img title='БРРРРРРР' border='0' src='generate_pic_class.php?code="+data.result+"' align='absmiddle' id = 'new_code'></img>").fadeIn();
return true;
}
}
});
}
});
В случае успеха изменяем содержимое div в котором расположена картинка, то есть саму картинку. alert(1) поставил специально посмотреть когда срабатывает событие. Первый раз функция отрабатывает отлично, но при втором нажатии ничего не происходит alert(1) не срабатывает, в чем может быть проблема?
И еще вопрос как сделать так чтобы ограничить пользователя в нажатии на изображение, то есть не более 5 раз например! Просто завести глобальный счетчик?