• Как в Bootstrap реализовать форму отправки данных на почту?

    YardalGedal
    @YardalGedal
    yeah boy
    Создавайте отдельный файл php и отправляйте запрос на него<form action="send.php". В файле используйте mail() (php.net/manual/ru/function.mail.php). Либо организуйте запрос используя ajax.

    Представлю решение на соло PHP, так как в Ajax не знаток. Возможно кто-нибудь другой сделает с Ajax.
    Замените свой html-код формы на этот:
    <form method=POST class="form_s center-block">
                      <div class="form-group">
                        <input type="text" class="form-control" required="required" placeholder="Имя" name="name">
                      </div>
                      <div class="form-group">
                        <input type="text" class="form-control" required="required" placeholder="e-mail" name="mail">
                      </div>
                      <div class="form-group">
                        <input type="text" class="form-control" required="required" placeholder="телефон" name="phone">
                      </div>
                      <button type="submit" class="btn btn-primary btn-block">ОТПРАВИТЬ ЗАЯВКУ И СКАЧАТЬ АНКЕТУ УЧАСТНИКА</button>
                    </form>

    И в любую часть своей страницы(Желательно где-нибудь в конце) добавьте вот такой PHP-код:
    <?php
    $msg = 'Имя: '.$_POST['name']."\r\n E-mail: ".$_POST['mail']."\r\n Телефон: ".$_POST['phone'];
    mail("paliki@mail.ru", "Новая заявка!", $msg);
    echo '<div class="укажитеклассздесь">Заявка успешно отправлена!</div>';
    ?>

    В поле class вставьте название css-класса.
    Ответ написан
  • Как сделать что бы меню в bootstrap в мобильной версии закрывалось при клике на пункте из меню?

    EXIDMen
    @EXIDMen
    Разработка Веб Сайтов
    Для Bootstrap 4.3.1 - Рабочий вариант.
    При клике на ссылку закрывает меню и убирает тёмный фон.

    $('.nav-link').on('click', function () {
    	$('.navbar').removeClass('open');
    	$('.bg-overlay').removeClass('open1');
    	$a = $($(this).attr('href'));
    	$('html,body').animate({ scrollTop: $a.offset().top - 50}, 500);
    	return false;
    });
    Ответ написан
    1 комментарий
  • Как сделать что бы меню в bootstrap в мобильной версии закрывалось при клике на пункте из меню?

    Александр! Большое человеческое спасибо! Удалось решить обе проблемы. Правда, я как ламер, сначала подумал, что нужно просто вставить код и всё будет работать ) Оказалось, что нужно всё-таки понимать, что делаешь ) В первом случае удаление класса нужно делать именно по нажатию на пункт меню, а фрагмент кода не содержит обработки нажатия ) А во втором случае - опечатка: вместо точки '.' в коде стоит шарп '#'. Дополнив и исправив, получил работающий код, решающий сразу обе проблемы. Ещё раз большое спасибо!
    <script> 
            $('.toAnchor').on('click', function () {
               $('.navbar-collapse').removeClass('in');
               $a = $($(this).attr('href'));
               $('html,body').animate({ scrollTop: $a.offset().top - 50}, 500);
             return false;
             });
       </script>
    Ответ написан
    2 комментария