Всплывающее окно после отправки на почту (перезагружается страница)

@Crag Hack · Регистрация: 05.05.2013

Студворк — интернет-сервис помощи студентам

Всем привет, делал сайт , по заданию нужно нужно сделать всплывающее окно "Сообщение отправлено" , я делал по принципу замены css "display" с "none" на "block" , все бы хорошо , вот только скрипт php перезагружает страницу, и получается что вылезает окно , и через пол секунды пропадает , я бы сделал алертом , но так нельзя, кто-нить сталкивался с такой проблемой?

я прикреплю архив если кто захочет посмотреть , а здесь напишу важную часть

Форма , при нажатии на кнопку запускается скрипт который должен вытащить нам окошко

HTML5
1
2
3
4
5
6
7
8
9
<form method="post" onsubmit="yaCounter23469025.reachGoal('Otpravka'); return true;" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform">
<div>
<input type="text" size="45" name="contactname" placeholder="Имя" id="contactname" value="" class="block14_1" />
</div>
 <div>
  <input type="text" size="45"placeholder="Номер телефона" name="tel" id="tel" value="" class="block15_1" />
  </div>
  <input type="submit" value="" name="submit" class="mail_1"  onClick="f1();"/>
  </form>

Сам скриптик

JavaScript
1
2
3
4
5
6
7
    function f1()
    {
        var vspl1 = document.getElementById('vspl1');
        vspl1.style.display = 'block';
        setTimeout('alert("прошла секунда")', 5000);
 
    }

пытался сделать задержку, что бы хотя бы 5 секунд ждало а потом перезагружало

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
  //Если форма отправлена
  if(isset($_POST['submit'])) {
 //Проверка Поля ИМЯ
  if(trim($_POST['contactname']) == '') {
  $hasError = true;
  } else {
  $name = trim($_POST['contactname']);
  }
 //Проверка Поля ИМЯ
  if(trim($_POST['tel']) == '') {
  $hasError = true;
  } else {
  $tel = trim($_POST['tel']);
  }
 //Если ошибок нет, отправить email
  if(!isset($hasError)) {
  $emailTo = 'Emmettbywork@gmail.com'; //Сюда введите Ваш email
  $body = "Name: $name \nTelefon: $tel \n";
  $headers = 'From: My Site <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;
 
 mail($emailTo, $subject, $body, $headers);
  $emailSent = true;
  }
  }
  ?>

Может есть способ просто запаузить на какое-то время, а потом не важно что перезагрузка, может есть модальное окно типо алерт , которое будет ставить на паузу все и например через 5 секунд закрываться?
Заранее спасибо

С новым годом всех

Dmitry · 31.12.2013, 00:33

дык, окно свое "приветствия" и скрипт его показывающий лепить нужно не к форме, отправляющей данные, а к обработчику. тем более, что обработчик и результат настоящий знает - прошла отправка или нет...

@Crag Hack · 31.12.2013, 00:36 **[ТС]**

Сообщение от Dmitry

дык, окно свое "приветствия" и скрипт его показывающий лепить нужно не к форме, отправляющей данные, а к обработчику. тем более, что обработчик и результат настоящий знает - прошла отправка или нет...

если можно расскажите пожалуйста чуть подробнее, скрипты только начал изучать

Dmitry · 31.12.2013, 00:56

PHP
1
2
3
4
5
6
7
8
9
10
if (mail($emailTo, $subject, $body, $headers))
{
  $emailSent = true;
echo "<div id=\"msgdiv\"  onclick=\"HideDiv();\">Ваше письмо отправлено </div>";
echo "<script language=\"JavaScript\"> 
   function HideDiv () {
      document.getElementById(\"msgdiv\").style.visibility=\"hidden\";
        }
</script>";
}

@Crag Hack · 31.12.2013, 01:07 **[ТС]**

Сообщение от Dmitry

PHP
1
2
3
4
5
6
7
8
9
10
if (mail($emailTo, $subject, $body, $headers))
{
  $emailSent = true;
echo "<div id=\"msgdiv\"  onclick=\"HideDiv();\">Ваше письмо отправлено </div>";
echo "<script language=\"JavaScript\"> 
   function HideDiv () {
      document.getElementById(\"msgdiv\").style.visibility=\"hidden\";
        }
</script>";
}

Спасибо большое что написали пример , я только потом понял что вы имели ввиду , и сделал такую вещь

PHP
1
2
3
4
echo "<script>var vspl1 = document.getElementById('vspl1');
        vspl1.style.display = 'block';
        
            </script>";

сейчас буду смотреть что получше будет , спасибо еще раз и с новым годом)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	31.12.2013, 00:33
	дык, окно свое "приветствия" и скрипт его показывающий лепить нужно не к форме, отправляющей данные, а к обработчику. тем более, что обработчик и результат настоящий знает - прошла отправка или нет... 1