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

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


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

вопрос
Всем привет.
Поставил себе на сайт вместо стандартной каптчи "ползунок". Думаю, многие с ним встречались и представляют как он работает. Кто не знает или призабыл, напомню: вы не сможете воспользоваться полем ввода, допустим, комментария к новости, пока не разблокируете его этим ползунком (просто мышью провести в сторону).
Как изменить принцип работы 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
Юзер

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

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

NikitoS3000
Юзер

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

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

FastFud
Юзер

FastFud - 12 января 2015 14:14 -

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

NikitoS3000
Юзер

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
Юзер

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

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

NikitoS3000
Юзер

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

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

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

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

наверх