Автор: Danil

Код для запуска JS после AJAX

$(document).on('DOMNodeInserted', '#namebox', function() {
    ....
});

#namebox — id блока, где происходит Ajax перезагрузка

Клик вне элемента JQuery

К примеру нам нужно открыть блок по клику и закрыть по клику, а так же нужно, что бы блока закрылся при клике вне области. Тут мы можем использовать этот скрипт.

$(document).click(function (e) {
    if ($(e.target).closest(".my-box").length) {
        // клик внутри элемента
        return;
    }
    // клик снаружи элемента
    $(".my-box").fadeOut();
});

CSS тень для блока

Идеальный ресурс для генерации теней:

https://active-vision.ru/icon/box-shadow/

Добавление Google reCAPTCHA и блокировка кнопки отправки до успешного выполнения капчи

Добавление Google reCAPTCHA к форме является довольно простой процедурой. Ниже приведены шаги, которые необходимо выполнить:

1. Зарегистрироваться на сайте Google reCAPTCHA и получить ключи API.

2. Подключаем Api JS от Гугла в шапке сайта или футере:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

3. Добавить обработчик reCAPTCHA в PHP файл:

https://stackoverflow.com/questions/30018213/recaptcha-2-0-enable-submit-button-on-callback-if-recaptcha-successful