Как сделать показ формы по клику?

Question

[Марик Цукор]

Есть готовая форма html и стили к ней. Нужно показывать форму в центре экрана по нажатию на одной кнопке, при том, чтобы остальной сайт затемнялся и была только форма. После заполнения формы чтобы можно было отправить данные на почту, после чего показало бы сообщение, примерное "сообщение доставлено. Ожидайте". Как форму на php делать знаю, а вот как с java script не в курсе, чтобы еще плавно открылась и закрывалась. Можете помочь сделать подобное? думаю пару небольших скриптов будет. Или скиньте ссылку на источник, буду благодарен. Не нашел. Уж простите глупого

Answer 1

[Andrzej Wielski]

Для всплывающего окна
vodkabears.github.io/remodal

Самый банальный скрипт для отправки:

<form action="script.php" method="POST" onsubmit="FormSubmit(this);return false">
<input type="text" name="test" />
<button type="submit">Отправить</button>
<div class="success" style="display:none">Отправлено</div>
<div class="error" style="display:none">Ошибка</div>
</form>

function FormSubmit(form){
    $(form).find('.success').hide();
    $(form).find('.error').hide();
    $.post('script.php', $(form).serialize(), function(data){
       if(data == '1') $(form).find('.success').show(); return true;
       $(form).find('.error').show();
    });
}

Предполагается, что сервер вернет 1 при успехе или 0 при ошибке.