Проблема с формой

Статус
Закрыто для дальнейших ответов.
Регистрация
14.01.2014
Сообщения
6
Итак...
Есть форма в HTML (contacts.htm) :

<!-- start form -->
<form method="post" action="send.php">
<div class="clear"></div>
<label>Имя:</label>
<input name="name" class="form-text required" type="text" value="">
<div class="clear"></div>
<label>Фамилия:</label>
<input name="surname" class="form-text required" type="text" value="">
<div class="clear"></div>
<label>E-Mail:</label>
<input name="email" class="form-text required" type="text" value="">
<div class="clear"></div>
<label>Тел. номер:</label>
<input name="phone" class="form-text required" type="text" value="">
<div class="clear"></div>
<label>Сообщение:</label>
<textarea name="message" class="form-textarea required" rows="8" cols="5"></textarea>
<div class="clear"></div>
<span class="strong left">* - Поля, обязательные к заполнению.</span>
<div class="clear"></div>
<input class="pin" type="submit" name="submit" value="Отправить" title="Отправить" onclick="return checkAll();">

<input class="pin" type="reset" name="reset" value="Очистить" title="Очистить">
</form>
<!-- End form -->

После прохожения проверки с помощью JS (checkform.js) она отсылет данные обработчику PHP (send.php):

<?php header("Content-Type: text/html; charset=utf-8");?>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<?php
header('Refresh: 3; URL = index.htm');
echo "Редирект через 3 сек. Если не хотите ждать - нажмите <a href='index.htm'>сюда</a>";
echo "<center><p>Благодарим за проявленный интерес,<br /> Ваше сообщение было успешно отправлено!</p>
<a href='index.htm'>Вернуться на главную</a></center>";

$info = htmlspecialchars($_POST["name"]);
$info = htmlspecialchars($_POST["surname"]);
$phone = htmlspecialchars($_POST["phone"]);
$email = htmlspecialchars($_POST["email"]);
$theme = htmlspecialchars($_POST["theme"]);
$mess = $_POST['message'];

// адрес куда отсылать сообщение
{$to = 'info@moyapochta.com';}

// тема сообщения
$subject = $theme;

// формируем сообщение
$message = "Имя: " . $info;
$message = "Фамилия: " . $info;
$message = "Телефон: " . $phone;
$message .= "\nE-mail: " . $email;
$message .= "\nСообщение: " . $mess;

// формируем заголовок
$headers = "From: $name \r\n Reply-To: $email \r\n";
$headers .= "Content-type: text/plain; charset=\"utf-8\"";

// посылаем почту
$isSentOK = mail($to, $subject, $message, $headers);

echo "Уважаемый " . $info ."<br /> \r\n";
echo "<b><u>Ваши данные:</u></b><br /> \r\n";
echo "<u>Телефон:</u><br /> " . $phone ."<br /> \r\n";
echo "<u>E-mail:</u><br /> " . $email ."<br /> \r\n";
echo "<u>Сообщение:</u><br /> " . $mess;
?>

Который, в свою очередь выдаёт пользователю чистую (без фона) страницу с информацией о том, что он отправил и переадресовывает его через 3 секунды на главную страницу (index.htm).

Чехо хотелось бы достичь:
Убрать переадресацию со страницы, на которой размещена форма связи, а при успешной отправке вывести окошко с информацией наподобие "Спасибо за блаблабла" /кажись модальным это окно называется/, а затем (через 3 секунды) перейти на index.htm

Вторые сутки бьюсь головой то о монитор, то о ножку стола, за которым сижу. Но умные мысли так и не приходят.

Буду весьма признателен за какую-либо помощь!

Заранее благодарен!

С Уважением.
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
Asynchronous Javascript and XML
 
Регистрация
14.01.2014
Сообщения
6
AngelGabriel, спасибо! С принципом разобрался. А как сделать врменную задержку, чтобы окно перенаправляло на index.htm? Если мозно - кусок кода вместо ссылки на гугл, меня там не забанили (пока что :) )...
Спасибо!
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
Код:
$.ajax({
 // тут что писать глянешь в доках по jquery
 // ....
 success: function(res) {
  if(res.stat == 'ok') {
    // тут выводим модальное окно
    setTimeout(function(){
      window.location = 'index.htm';
    }, 4000);  
  } else {
   alert('Error. EMail not send.');
  }
 }
})
И еще если ты дуб в javascript, напиши свой аякс, без джейквери или хотя бы разберись как он работает, это важно.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ