Модальное окно вместо переадресации

@Xo6ut · Регистрация: 04.11.2011

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

Есть лендинг страница, после заполнении формы обратной связи и отправке данных у меня сейчас выскакивает пустая страница, где написано( что подождите, ваша заявка принята, страница сейчас перезагрузится и после нескольких секунд перекидывает снова на главную), но нужно сделать , чтобы после отправки формы появлялось окошко, где написано, что ваша заявка принята, нажимаем OK и все, т.е без всякой переадресации. Как это можно сделать?

Добавлено через 1 минуту
Сама форма написана на php

KOPOJI · 02.03.2014, 11:38

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

Сама форма написана на php

это невозможно, формы пишутся с помощью html.

@Xo6ut · 02.03.2014, 12:26 **[ТС]**

Ну так форма обратной связи на php

@kalabuni · 02.03.2014, 14:24

форма - это HTML-теги <form></form> со всем, что между ними находится

PHP - это всего лишь серверный инструмент для формирования HTML-кода,
т.е. HTML-теги можно писать и сохранять либо прямо в *.html файле, либо посредством какого-то серверного языка формировать этот HTML-код
и в том, и в другом случае на выходе получим - HTML+JS+CSS-код

чтобы было понятно, аналогия: письмо можно написать ручкой, а можно напечатать на пишмашинке (на принтере), в первом случае это "чистый HTML", во втором - "тот же HTML, но сделанный с помощью PHP"
но в обоих случаях это - письмо и получателя волнует содержание этого письма, а не способ его изготовления

поэтому ваши выражения "форма написана на php", "форма обратной связи на php" - это полная глупость

@Xo6ut · 02.03.2014, 15:44 **[ТС]**

Так как можно сделать это всплывающее окошко?

@kalabuni · 02.03.2014, 15:55

чтобы страница не перегружалась, надо использовать технологию XMLHTTPRequest (если в асинхронном варианте, то называется AJAX'ом)

ничего сложного, всё по-русски расписано здесь
не забудьте главное - если будете использовать в форме METHOD="POST", то кнопка <BUTTON> или <INPUT TYPE="SUBMIT"> вам будет не нужна, замените её на <INPUT TYPE="BUTTON">, на событие onclick по которой запустите вашу функцию, коя отправит данные файлу на сервере и, дождавшись ответа от сервера, откроет окошко с текстом "Всё ОК"

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Xo6ut 103 / 90 / 75 Регистрация: 04.11.2011 Сообщений: 1,820

	Модальное окно вместо переадресации 02.03.2014, 11:29. Показов 1572. Ответов 5 Метки нет (Все метки) Есть лендинг страница, после заполнении формы обратной связи и отправке данных у меня сейчас выскакивает пустая страница, где написано( что подождите, ваша заявка принята, страница сейчас перезагрузится и после нескольких секунд перекидывает снова на главную), но нужно сделать , чтобы после отправки формы появлялось окошко, где написано, что ваша заявка принята, нажимаем OK и все, т.е без всякой переадресации. Как это можно сделать? Добавлено через 1 минуту Сама форма написана на php 0

@Xo6ut 103 / 90 / 75 Регистрация: 04.11.2011 Сообщений: 1,820
	02.03.2014, 12:26 [ТС]
	Ну так форма обратной связи на php 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	02.03.2014, 14:24
	форма - это HTML-теги <form></form> со всем, что между ними находится PHP - это всего лишь серверный инструмент для формирования HTML-кода, т.е. HTML-теги можно писать и сохранять либо прямо в .html файле, либо посредством какого-то серверного языка формировать этот HTML-код и в том, и в другом случае на выходе получим - HTML+JS+CSS-код чтобы было понятно, аналогия: письмо можно написать ручкой, а можно напечатать на пишмашинке (на принтере), в первом случае это "чистый HTML", во втором - "тот же HTML, но сделанный с помощью PHP" но в обоих случаях это - письмо и получателя волнует содержание* этого письма, а не способ его изготовления поэтому ваши выражения "форма написана на php", "форма обратной связи на php" - это полная глупость 0

@Xo6ut 103 / 90 / 75 Регистрация: 04.11.2011 Сообщений: 1,820
	02.03.2014, 15:44 [ТС]
	Так как можно сделать это всплывающее окошко? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	02.03.2014, 15:55
	чтобы страница не перегружалась, надо использовать технологию XMLHTTPRequest (если в асинхронном варианте, то называется AJAX'ом) ничего сложного, всё по-русски расписано здесь не забудьте главное - если будете использовать в форме METHOD="POST", то кнопка <BUTTON> или <INPUT TYPE="SUBMIT"> вам будет не нужна, замените её на <INPUT TYPE="BUTTON">, на событие onclick по которой запустите вашу функцию, коя отправит данные файлу на сервере и, дождавшись ответа от сервера, откроет окошко с текстом "Всё ОК" 1