AdeptusСпасибо за Ваше решение. Точнее за Ваш jQuery плагин, который основывается на
Виджете Slider jQuery UI.
Немного модифицировал. Конечно решение с подгрузкой и "выгрузкой" формы интересно. Но увы его я убрал, т.к. формы у меня нет. Данные отсылаются Эйджэксом. Также убрал запрет на работу слайдера при клике (
jQuery("#slider").slider("value",0);
), а не только при перетаскивании. Больше нравится как он скользит, да и у пользователя есть уже не один вариант, а два
Вы судя по всему сделали это дабы боты не синициировали событие клика в конце слайдера. Но у меня он работает немного по-другому. Во-первых он намного шире, во-вторых он разделен на 6 частей, в каждой части стоит чётное число, начиная с нуля, где стоит слайдер (можно конечно передать параметр value установленным в любое из чисел 2-10). У меня установлен шаг в 2 (step: 2), т.к. шаг в 1 сильно короткий. Чётные числа от 2 до 10 выбираются случайным образом и выводится
словами то число, по которому нужно кликнуть или на которое перетащить. Интересен и тот факт что если число стоит на 0 или 2 и нужно переместить ползунок на число 4, но я перемещаю на 6 (или кликаю на 6) то ползунок пересекая число 4 не воспримет событие завершения, а только в том случае, если будет клик по числу 4 или при перетаскивании ползунок будет отпущен на этом числе. Как только задание выполнено, слайдер отключается (disable), чтобы предотвратить дальнейшие клики и перетаскивания.
Кстати там у Вас ещё бок один есть, клик срабатывает только до слова unlock включительно, а остальная конечная часть фона никак не реагирует (72px), у меня эта вещь исправлена. Этот бок объясняется тем, что в Виджете ползунок имеет ширину 16 пикселей, а не 68
Ещё у меня выводится текущее значение слайдера:
slide: function( event, ui ) {jQuery( "#amount" ).val( ui.value );}
Конечно подиздевался я над дизайном и в целом над капчей неслабо.