Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как изменить принцип работы Qaptcha (Ползунка)?

Как изменить принцип работы Qaptcha (Ползунка)?


     11.01.2015    jQuery, Модули, Хаки    1129

вопрос
Всем привет.
Поставил себе на сайт вместо стандартной каптчи "ползунок". Думаю, многие с ним встречались и представляют как он работает. Кто не знает или призабыл, напомню: вы не сможете воспользоваться полем ввода, допустим, комментария к новости, пока не разблокируете его этим ползунком (просто мышью провести в сторону).
Как изменить принцип работы Qaptcha (Ползунка)?

Качал не помню откуда, но статьи везде одинаковые, так что вот одна из них: http://coderlaba.com/hacks/dle-hacks/24-dopolnitelnaya-kapcha-polzunok-dlya-dle-98.html
Так вот, дело в том, что мне хотелось бы немного поменять работу этого скрипта: сделать, чтобы он не блокировал поле ввода сообщения/комментария, а блокировал кнопочку "Отправить" или скрывал её, пока не протянешь ползунок.
Пробовал гуглить и нашёл вот что: http://blog.inblot.ru/jquery/8-kapcha-na-osnove-polzunka.html
Как раз то, что хотел, но, к сожалению, оказалось не рабочим, потому что стили скинуть нам не захотели. (в самой статье их нет, а кнопка скачать не работает) Подумывал о том, чтобы рабочую часть взять отсюда, а оформление из первого ползунка (который блокирует поле ввода). Для меня это было бы наилучшим решением вопроса.
Поэтому прошу помощи у вебмастеров, т.к., как вы сами поняли, я в этом деле не совсем разбираюсь :) Может кто с этим встречался и сможет что-нибудь подсказать.

Ответил: NikitoS3000


В скрипте есть стандартная блокировка кнопки "Отправить", поэтому просто отключаем поиск полей ввода информации.
Файл QapTcha.jquery.js. Удаляем или комментируем:
if(opts.disabledSubmit) form.find('textarea[name=\'comments\']').attr('disabled','disabled');

А также можно убрать другие ненужные и оставить только строку с button (кнопка).

Если хотим изменить стиль для заблокированной кнопки, то в css используем "disabled":
.button:disabled {
    ваши стили
}

Комментарии пользователей (6)

FastFud
50

1599 | 588

FastFud - 12 января 2015 08:48 - Юзер

if(opts.disabledSubmit) form.find('textarea[name=\'comments\']').attr('disabled','disabled');
закомментируйте или удалите.

NikitoS3000
15

NikitoS3000 - 12 января 2015 14:00 - Юзер

Это уберет поиск поля ввода. А как добавить поиск на кнопку "Отправить"? Как правильно заменить на поиск button? То есть чтобы в итоге блокировало не поле, а кнопку "Отправить".

FastFud
50

1599 | 588

FastFud - 12 января 2015 14:14 - Юзер

По стандарту там вроде там и кнопку блокирует. Может у вас не стоит кнопка а что другое ? просто div

NikitoS3000
15

NikitoS3000 - 12 января 2015 14:25 - Юзер

А ясно, вроде разобрался, всё работает как надо. Но возникла проблемка с стилями.
У меня там вот так стоит:
        <div class="fieldsubmit">
            <button type="submit" name="submit" class="fbutton"><span>[not-aviable=comments]Отправить[/not-aviable][aviable=comments]Изменить[/aviable]</span></button>
        </div>

То есть кнопка имеет свой стиль "fieldsubmit". Скажите, как можно сделать, чтобы заблокированная кнопка выглядела по другому? То есть сейчас она не работает, но выглядит как обычно. А я хочу сделать её менее непрозрачной, допустим. Подскажите, как с стилем разобраться?

FastFud
50

1599 | 588

FastFud - 12 января 2015 14:27 - Юзер

.fieldsubmit button:disabled {
    ваши стили
}

NikitoS3000
15

NikitoS3000 - 12 января 2015 15:20 - Юзер

Понял, благодарю! :)
Первое сообщение можете в ответ добавить.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы